Vivid blue, purple, pink and yellow linear gradient

Linear gradient, 7 colors at 45°: #2e81b1, #0146e9, #7e1eff, #d123e9, #ff58a0, #ffa169, #e6ffc9. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#2e81b1
#0146e9
#7e1eff
#d123e9
#ff58a0
#ffa169
#e6ffc9

CSS

background: linear-gradient(45deg in oklch, oklch(57.48% 0.1075 238.36) 0.0%, oklch(48.60% 0.2498 263.24) 16.7%, oklch(53.88% 0.2839 292.69) 33.3%, oklch(62.87% 0.2804 322.24) 50.0%, oklch(70.25% 0.2112 357.57) 66.7%, oklch(79.34% 0.1329 50.99) 83.3%, oklch(96.85% 0.0751 127.75) 100.0%);