none-containing values as intermediate stops

dabblet.css

/**
 * none-containing values as intermediate stops
 */

div:nth-of-type(1) {
	background: linear-gradient(to right in oklch, oklch(80% 0.1 0), oklch(80% 0.1 170));
}

div:nth-of-type(2) {
	background: linear-gradient(to right in oklch, oklch(80% 0.1 0), oklch(50% none none), oklch(80% 0.1 170));
}

div:nth-of-type(3) {
	background: linear-gradient(to right in oklch, oklch(80% 0.1 0), oklch(50% 0.1 calc((0 + 170) / 2)), oklch(80% 0.1 170));
}

/* Demo styling */
div {
	padding: 1em;
	flex: 1;
}

body {
	padding: 2em;
	display: flex;
	flex-flow: column;
	gap: 1em;
	height: 100vh;
}

* {
	margin: 0;
	box-sizing: border-box;
}

dabblet.html

<p>Without none:
<div></div>

<p>With an intermediate <code>oklch(50% none none)</code> stop:
<div></div>

<p>Was this the expectation?
<div></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}