CSS Gradients in Each Color Space

background: linear-gradient(to right, red, yellow);
background: linear-gradient(to right, #ff0000, #ffff00);
background: linear-gradient(to right, rgb(255, 0, 0), rgb(255, 255, 0));
background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%));
background: linear-gradient(to right, lab(53.23% 80.11 67.22), lab(97.14% -21.56 94.48));
background: linear-gradient(to right, hwb(0 0% 0%), hwb(60 0% 0%));
background: linear-gradient(to right, oklab(0.62793 0.25768 0.29223), oklab(96.798% -0.07139 0.19849));
background: linear-gradient(to right, lch(53.23% 104.58 40), lch(97.14% 96.91 102.85));
background: linear-gradient(to right, oklch(62.793% 0.25768 29.223), oklch(96.798% 0.21094 109.783));
background: linear-gradient(to right, oklch(62.793% 0.25768 29.223), oklch(96.798% 0.21094 109.783));

A small project by Mark Conroy. I hope you are having a nice day.