[css-color-hdr][editorial] Added another hdr interpolation example

Author: svgeesus

css-color-hdr-1/Overview.bs

@@ -671,9 +671,9 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
 	</div>
 
 	<div class="example" id="ex-hdr-interpolate-2">
-		For exmple, given c1 = color(display-p3 1 1 0.33),
+		For example, given c1 = color(display-p3 1 1 0.33),
 		c2 = jzczhz(70% 0.14 100),
-		H1 = 0.5, H2 = 4 and H = 2;
+		H1 = 0.5, H2 = 4, and H = 2;
 
 	<pre class="lang-css">
 	c1xyz = [ 156.285, 188.337, 28.015 ]
@@ -687,6 +687,31 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
 	and c2 will be used unmodified at all headroom values >= 4.
 	</div>
 
+	<div class="example" id="ex-hdr-interpolate-3">
+		For example, given c1 = ictcp(50% -0.3 0),
+		c2 = ictcp(85% -0.35 0.1),
+		H1 = 0, and H2 = 4.
+		This would be expressed in CSS as:
+
+		<pre class="lang-css">
+			color-hdr(
+				var(--c1) 0,
+				var(--c2) 4
+			)
+		</pre>
+
+		If H = 2.3
+		
+		<pre class="lang-css">
+			c1xyz = [63.6, 96.53, 8.558]
+			c2xyz = [2521, 2508, 112.2]
+			w1 = 0.425
+			w2 = 0.575
+			cxyz = [527.68, 628.20, 37.59]
+		</pre>
+
+	</div>
+
 <!-- Big Text: ICTCP Jaz 
 
 ████  ███▌  █████▌  ███▌  ████▌          █▌  ███▌  █████▌