[css-color-hdr] Added example of color interpolation #11616

Author: svgeesus

css-color-hdr-1/Overview.bs

@@ -524,6 +524,19 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
 	5. Let <var>eps</var> = 0.001 (one JND in linear-light space)
 	6. Let <var>cxyz</var> = pow(<var>c1xyz</var> + <var>eps</var>, <var>w1</var>) * pow(<var>c2xyz</var> + <var>eps</var>, <var>w2</var>) - <var>eps</var>
 
+	<div class="example" id="ex-hdr-interpolate">
+	For example, given c1 = color(rec2100-linear 0.9 1.0 0.8)
+	c2 = color(rec2100-linear 1.8 2.0 1.5),
+	H1 = 0, H2 = 2, and H = 1:
+
+	<pre  class="lang-css">
+	c1xyz = color(xyz-d65 0.853 0.9619 0.8769)
+	c2xyz = color(xyz-d65 1.689 1.918 1.648)
+	w1 = 
+	w2 =
+	</pre>
+	</div>
+
 
 <h2 id="color-function">
 	Specifying Predefined and Custom Color Spaces: the ''color()'' Function