Rainbow blue magenta sweep

Linear gradient, 8 colors at 270°: #b122a6, #e65590, #ed9c90, #c8d3a2, #7ce3c7, #3cc4fa, #1d86ff, #2440ff. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#b122a6
#e65590
#ed9c90
#c8d3a2
#7ce3c7
#3cc4fa
#1d86ff
#2440ff

CSS

background: linear-gradient(270deg in oklch, oklch(53.94% 0.2205 331.88) 0.0%, oklch(65.75% 0.1874 358.29) 14.3%, oklch(77.17% 0.0992 28.94) 28.6%, oklch(84.65% 0.0675 118.76) 42.9%, oklch(84.65% 0.1061 173.71) 57.1%, oklch(77.17% 0.1364 229.72) 71.4%, oklch(62.99% 0.2016 256.14) 85.7%, oklch(50.79% 0.2755 266.71) 100.0%);

In these collections

Vaporwave gradients