Vivid purple, pink and light blue linear gradient

Linear gradient, 7 colors at 90°: #30118d, #c071d6, #c6caff, #64d2d2, #ad71f6, #d036af, #7574ef. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#30118d
#c071d6
#c6caff
#64d2d2
#ad71f6
#d036af
#7574ef

CSS

background: linear-gradient(90deg in oklch, oklch(33.07% 0.1805 281.25) 0.0%, oklch(67.26% 0.1650 318.82) 16.7%, oklch(85.29% 0.0743 281.52) 33.3%, oklch(79.92% 0.1006 195.65) 50.0%, oklch(67.09% 0.1935 302.27) 66.7%, oklch(60.59% 0.2250 338.24) 83.3%, oklch(62.20% 0.1805 280.19) 100.0%);

In these collections

Synthwave gradients