@@ -155,32 +155,32 @@ and a percentage of 100% returns the same color converted to the specified color
155155
156156<div class="example">
157157 This example produces a mixture of 40% <span class="swatch" style="--color: peru"></span> peru
158- and 60% <span class="swatch" style="--color: lightgoldenrod "></span> lightgoldenrod .
158+ and 60% <span class="swatch" style="--color: palegoldenrod "></span> palegoldenrod .
159159
160- <pre class="lang-css"> color-mix(in lch, peru 40%, lightgoldenrod )</pre>
160+ <pre class="lang-css"> color-mix(in lch, peru 40%, palegoldenrod )</pre>
161161
162162 The mixing is done in ''lch()'' colorspace.
163163 Here is a top-down view, looking along the neutral L axis:
164164
165165 <figure>
166166 <img src="images/CH-mixing.svg" style="width: 50vmin">
167- <figcaption> Mixtures of peru and lightgoldenrod .
167+ <figcaption> Mixtures of peru and palegoldenrod .
168168 Peru has a hue angle, measured from the positive a axis,
169169 of 63.677 degrees
170- while lightgoldenrod has a hue angle of 98.821 degrees.
170+ while palegoldenrod has a hue angle of 98.834 degrees.
171171 Peru has a chroma, or distance from the central neutral axis, of 54.011
172- while lightgoldenrod has a chroma of 31.415 .
172+ while palegoldenrod has a chroma of 31.406 .
173173 Mixtures lie along the curve. A 40%/60% mixture is shown.
174174 </figcaption>
175175 </figure>
176176
177177 The calculation is as follows:
178178 * <span class="swatch" style="--color: peru"></span> peru is lch(62.253% 54.011 63.677)
179- * <span class="swatch" style="--color: lightgoldenrod "></span> lightgoldenrod is lch(91.374% 31.415 98.821 )
179+ * <span class="swatch" style="--color: palegoldenrod "></span> palegoldenrod is lch(91.374% 31.406 98.834 )
180180 * the mixed lightness is 62.253 * 40/100 + 91.374 * (100-40)/100 = 79.7256
181- * the mixed chroma is 54.011 * 40/100 + 31.415 * (100-40)/100 = 40.4534
182- * the mixed hue is 63.677 * 40/100 + 98.821 * (100-40)/100 = 84.7634
183- * the mixed result is <span class="swatch" style="--color: rgb(87.41 % 76.03 % 47.64 %)"></span> lch(79.7256% 40.4534 84.7634 )
181+ * the mixed chroma is 54.011 * 40/100 + 31.406 * (100-40)/100 = 40.448
182+ * the mixed hue is 63.677 * 40/100 + 98.834 * (100-40)/100 = 84.771
183+ * the mixed result is <span class="swatch" style="--color: rgb(87.416 % 76.036 % 47.637 %)"></span> lch(79.7256% 40.448 84.771 )
184184</div>
185185
186186<div class="example">
0 commit comments