One small tweak to instantly improve your gradients

CSS uses srgb for color interpolation by default, but CSS now allows us to define what space we want, helping improve the look of our gradients.

[smddev]

Kevin Powell consistently releases things as I'm making them without fail. It makes people think I'm much better at css than I am

[TomaszSulima-yx]

That's very interesting trick, thanks! In CSS there are so many ways to use colours that makes me completely lost. By any chance could you please add a summary video explaining main differences between them and in which cases one colour space should be preferred over others?

[shaunpatrick]

It took me a while to find out how to incorporate this into an angled gradient. Here it is: linear-gradient(90deg in lch, red, blue);

[AudreyGB]

Instant subscribe. This is awesome content

[lech.dutkiewicz]

This looks awesome, thanks! I wonder how to do the same thing in Figma. Do you have any ideas?

[travisschwartz]

How do I implement css in HTML css java editor

[augustinradjou]

First one I got in ur channel...let's see how many trains I can ride😅❤

[SPAHI]

There is a hack to make in css HDR bt.2100 color in chrome even if it's not supported yet, looks great on MacBook

[roxaleen]

Why lch and not oklch? Or does it only work with lch? (I would check myself but I’m not at my computer right now 😅)

[WePiphany]

@KevinPowell how do you approach this for gradient --custom-properties? Are you making two custom properties - one that uses "in lch" and one without?

[PhoeniX_Drevis]

My bi ass thought that was my flag colors 💀

[JohnSmith-opls]

Why not just use a stop or two and have a consistent look without worrying about browser compatibility

[puntura]

what he is seeing I see both the same.

[sarkedev]

Or just use @supports to check if it's supported.