@@ -121,14 +121,15 @@ Mixing colors: the ''color-mix()'' function {#color-mix}
121121
122122
123123<pre class='prod'>
124- <dfn>color-mix()</dfn> = color-mix([ in <<colorspace>> ]? <<color>> {2} && [ <<percentage>> ]?)
124+ <dfn>color-mix()</dfn> = color-mix( in <<colorspace>> <<color>> {2} && [ <<percentage>> ]?)
125125</pre>
126126
127127If a percentage is omitted, it defaults to 50% (an equal mix of the two colors).
128128
129129The result is produced via the following algorithm:
130130
1311311. If a percentage is omitted, it defaults to 50% (an equal mix of the two colors).
132+ If the color space is omitted, it defaults to 'lch' .
1321332. Both colors are converted to the specified [=colorspace=] .
133134If the specified colorspace has a smaller gamut
134135than the one in which the color to be adjusted is specified,
@@ -144,7 +145,7 @@ and 50% produces an equal mix of both.
144145 This example produces a mixture of 40% <span class="swatch" style="--color: peru"></span> peru
145146 and 60% <span class="swatch" style="--color: lightgoldenrod"></span> lightgoldenrod.
146147
147- <pre class="lang-css"> color-mix(peru 40%, lightgoldenrod)</pre>
148+ <pre class="lang-css"> color-mix(in lch peru 40% lightgoldenrod)</pre>
148149
149150 The mixing is done in ''lch()'' colorspace.
150151 Here is a top-down view, looking along the neutral L axis:
@@ -180,7 +181,7 @@ and 50% produces an equal mix of both.
180181 keeps the intermediate colors
181182 as saturated as the endpoint colors.
182183
183- <pre class="lang-css"> color-mix(in lch, teal 65%, olive);</pre>
184+ <pre class="lang-css"> color-mix(in lch teal 65% olive);</pre>
184185
185186 <figure>
186187 <img src="images/CH-mixing3.svg" style="width: 50vmin">
@@ -388,7 +389,7 @@ Array(3) [ 0.524461282381659, 0.4582102541032295, 0.6295269395052022 ]
388389which is rgb(52.446% 45.821% 62.953%)
389390
390391
391- -->
392+
392393
393394<div class="example">
394395 This example produces the mixture of
@@ -424,7 +425,7 @@ which is rgb(52.446% 45.821% 62.953%)
424425 * result is <span class="swatch" style="--color: rgb(52.446% 45.821% 62.953%)"></span> lab(52% 13.572 -21.154) which is rgb(52.446% 45.821% 62.953%)
425426
426427</div>
427-
428+ -->
428429
429430<!-- IMPLEMENTATIONS
430431
0 commit comments