Vivid monochrome purple linear gradient

Linear gradient, 7 colors at 90°: #c56fe0, #bb67e1, #aa5ce2, #9852e1, #8349d9, #6e42ce, #5f3cc5. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#c56fe0
#bb67e1
#aa5ce2
#9852e1
#8349d9
#6e42ce
#5f3cc5

CSS

background: linear-gradient(90deg in oklch, oklch(68.11% 0.1805 317.81) 0.0%, oklch(65.84% 0.1894 313.98) 16.7%, oklch(62.55% 0.2016 308.50) 33.3%, oklch(59.06% 0.2094 303.02) 50.0%, oklch(55.12% 0.2087 297.54) 66.7%, oklch(50.96% 0.2037 292.06) 83.3%, oklch(48.03% 0.1998 288.22) 100.0%);

In these collections

Text gradients