Blue, lavender and pink linear gradient

Linear gradient, 7 colors at 90°: #4163d1, #566edc, #747ce7, #9384e5, #b08cdc, #d196cd, #e3a0c0. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#4163d1
#566edc
#747ce7
#9384e5
#b08cdc
#d196cd
#e3a0c0

CSS

background: linear-gradient(90deg in oklch, oklch(53.54% 0.1736 267.19) 0.0%, oklch(57.80% 0.1692 270.82) 16.7%, oklch(62.99% 0.1598 277.76) 33.3%, oklch(66.86% 0.1410 288.78) 50.0%, oklch(70.47% 0.1199 304.17) 66.7%, oklch(74.68% 0.1015 328.55) 83.3%, oklch(77.95% 0.0882 349.61) 100.0%);

In these collections

Spring gradients