Purple, blue, teal and green linear gradient

Purple, blue, teal and green color palette

Linear gradient, 7 colors at 90°: #a0617c, #8353aa, #6569c1, #2f96ba, #44b893, #58c461, #6daf68. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#a0617c
#8353aa
#6569c1
#2f96ba
#44b893
#58c461
#6daf68

CSS

background: linear-gradient(90deg in oklch, oklch(57.09% 0.0896 352.97) 0.0%, oklch(53.33% 0.1392 307.52) 16.7%, oklch(55.88% 0.1353 279.23) 33.3%, oklch(63.16% 0.1051 225.30) 50.0%, oklch(70.63% 0.1181 168.23) 66.7%, oklch(73.42% 0.1694 145.18) 83.3%, oklch(69.29% 0.1226 142.68) 100.0%);

In these collections

Iridescent glass interface