Neon cyan, blue, purple and pink linear gradient

Linear gradient, 7 colors at 90°: #18f5d5, #34e9e8, #38bbf9, #6c80fe, #a54efe, #e140fe, #ff63f3. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#18f5d5
#34e9e8
#38bbf9
#6c80fe
#a54efe
#e140fe
#ff63f3

CSS

background: linear-gradient(90deg in oklch, oklch(87.01% 0.1571 178.59) 0.0%, oklch(85.01% 0.1367 194.19) 16.7%, oklch(74.99% 0.1403 233.98) 33.3%, oklch(64.76% 0.1865 273.17) 50.0%, oklch(62.09% 0.2474 302.00) 66.7%, oklch(68.20% 0.2802 321.14) 83.3%, oklch(74.80% 0.2458 330.76) 100.0%);

In these collections

Synthwave gradients