forked from w3c/csswg-drafts
-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathrectangular-44c-795.html
25 lines (24 loc) · 3.23 KB
/
rectangular-44c-795.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<title>Effect of Interpolation Colorspace on Gradient between #44C and #795: rectangular</title>
<!-- Gradients are simulated by piecewise construction from images-3 srgb gradients
See https://colorjs.io/apps/gradients/?color1=%2344C&color2=%23795
and set gamut mapping off, output space off, steps 6 deltaE -->
<style>
div.gradient {
width: 400px;
height: 120px;
margin: 0;
}
#srgb {
background: linear-gradient(to right, rgb(26.67% 26.67% 80%), rgb(27.5% 28.06% 78.06%), rgb(28.33% 29.44% 76.11%), rgb(29.17% 30.83% 74.17%), rgb(30% 32.22% 72.22%), rgb(30.83% 33.61% 70.28%), rgb(31.67% 35% 68.33%), rgb(32.5% 36.39% 66.39%), rgb(33.33% 37.78% 64.44%), rgb(34.17% 39.17% 62.5%), rgb(35% 40.56% 60.56%), rgb(35.83% 41.94% 58.61%), rgb(36.67% 43.33% 56.67%), rgb(37.5% 44.72% 54.72%), rgb(38.33% 46.11% 52.78%), rgb(39.17% 47.5% 50.83%), rgb(40% 48.89% 48.89%), rgb(40.83% 50.28% 46.94%), rgb(41.67% 51.67% 45%), rgb(42.5% 53.06% 43.06%), rgb(43.33% 54.44% 41.11%), rgb(44.17% 55.83% 39.17%), rgb(45% 57.22% 37.22%), rgb(45.83% 58.61% 35.28%), rgb(46.67% 60% 33.33%));
}
#oklab {
background: linear-gradient(to right, rgb(26.67% 26.67% 80%), rgb(26.75% 27.86% 79.25%), rgb(26.85% 29.01% 78.49%), rgb(26.97% 30.1% 77.73%), rgb(27.1% 31.14% 76.96%), rgb(27.26% 32.15% 76.19%), rgb(27.44% 33.12% 75.42%), rgb(27.63% 34.06% 74.64%), rgb(27.85% 34.97% 73.86%), rgb(28.08% 35.85% 73.07%), rgb(28.33% 36.71% 72.28%), rgb(28.59% 37.55% 71.48%), rgb(28.88% 38.36% 70.68%), rgb(29.18% 39.15% 69.87%), rgb(29.49% 39.93% 69.05%), rgb(29.82% 40.68% 68.23%), rgb(30.17% 41.42% 67.4%), rgb(30.53% 42.15% 66.57%), rgb(30.9% 42.86% 65.73%), rgb(31.29% 43.56% 64.88%), rgb(31.7% 44.24% 64.02%), rgb(32.11% 44.92% 63.15%), rgb(32.54% 45.58% 62.28%), rgb(32.97% 46.23% 61.39%), rgb(33.42% 46.87% 60.5%), rgb(33.89% 47.5% 59.59%), rgb(34.36% 48.12% 58.68%), rgb(34.84% 48.73% 57.75%), rgb(35.33% 49.33% 56.81%), rgb(35.83% 49.92% 55.86%), rgb(36.34% 50.51% 54.89%), rgb(36.86% 51.09% 53.91%), rgb(37.38% 51.66% 52.91%), rgb(37.92% 52.23% 51.9%), rgb(38.46% 52.78% 50.87%), rgb(39% 53.33% 49.81%), rgb(39.56% 53.88% 48.74%), rgb(40.12% 54.42% 47.65%), rgb(40.69% 54.95% 46.53%), rgb(41.26% 55.48% 45.38%), rgb(41.84% 56% 44.21%), rgb(42.43% 56.52% 43%), rgb(43.02% 57.03% 41.76%), rgb(43.62% 57.53% 40.48%), rgb(44.22% 58.04% 39.16%), rgb(44.82% 58.53% 37.79%), rgb(45.43% 59.03% 36.37%), rgb(46.05% 59.52% 34.89%), rgb(46.67% 60% 33.33%));
}
#cielab {
background: linear-gradient(to right, rgb(26.67% 26.67% 80%), rgb(29.12% 28.09% 78.17%), rgb(31.25% 29.51% 76.33%), rgb(33.13% 30.92% 74.5%), rgb(34.8% 32.32% 72.66%), rgb(36.29% 33.72% 70.83%), rgb(37.64% 35.12% 68.99%), rgb(38.86% 36.51% 67.14%), rgb(39.95% 37.9% 65.3%), rgb(40.94% 39.28% 63.44%), rgb(41.84% 40.67% 61.59%), rgb(42.64% 42.05% 59.72%), rgb(43.36% 43.43% 57.84%), rgb(44% 44.81% 55.95%), rgb(44.56% 46.2% 54.05%), rgb(45.06% 47.57% 52.13%), rgb(45.49% 48.95% 50.19%), rgb(45.85% 50.33% 48.23%), rgb(46.14% 51.71% 46.24%), rgb(46.38% 53.09% 44.21%), rgb(46.56% 54.47% 42.15%), rgb(46.67% 55.85% 40.05%), rgb(46.73% 57.24% 37.88%), rgb(46.73% 58.62% 35.65%), rgb(46.67% 60% 33.33%))
}
</style>
<div class="gradient" id="cielab"></div>
<div class="gradient" id="srgb"></div>
<div class="gradient" id="oklab"></div>