Seamless neon purple and blue linear gradient

Linear gradient, 7 colors at 90°: #ae7eff, #9689ff, #8c83ff, #9b6cff, #b762ff, #c26cff, #bd81ff. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#ae7eff
#9689ff
#8c83ff
#9b6cff
#b762ff
#c26cff
#bd81ff

CSS

background: linear-gradient(90deg in oklch, oklch(69.68% 0.1857 298.83) 0.0%, oklch(69.42% 0.1686 285.99) 16.7%, oklch(67.57% 0.1780 283.88) 33.3%, oklch(64.96% 0.2094 294.60) 50.0%, oklch(66.46% 0.2272 305.88) 66.7%, oklch(69.09% 0.2167 308.93) 83.3%, oklch(71.65% 0.1834 304.11) 100.0%);

In these collections

Violet swatches