Purple, blue, green and orange linear gradient

Purple, blue, green and orange color palette

Linear gradient, 5 colors at 90°: #60418a, #275da9, #27afc1, #e9cd54, #d96c31. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#60418a
#275da9
#27afc1
#e9cd54
#d96c31

CSS

background: linear-gradient(90deg in oklch, oklch(44.49% 0.1199 301.64) 0.0%, oklch(48.43% 0.1337 257.26) 25.0%, oklch(69.29% 0.1116 208.65) 50.0%, oklch(85.04% 0.1419 96.63) 75.0%, oklch(64.96% 0.1543 45.91) 100.0%);

In these collections

Weather map gradients