CSS has a great new feature where you can specify the color space to use by adding in <colorspace> to the gradient (not yet supported in Firefox). This is especially useful for avoiding the gray dead zone that comes from rectangular color spaces like the default sRGB. Just look at the difference between a blue-to-yellow gradient in srgb compared to oklch with the same beginning and end: linear-gra
![Workarounds for Buggy Gradients](https://cdn-ak-scissors.b.st-hatena.com/image/square/7787e6d0a50f09e703a6f8ad5fe95753d5036ca3/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fkeithjgrant%2Fimage%2Ffetch%2Fc_scale%2Cf_auto%2Cw_600%2Fhttps%3A%2F%2Fkeithjgrant.com%2F%2Fimages%2F2023%2Fcolorful-glass.jpg)