Vivid blue, teal and green linear gradient

Linear gradient, 7 colors at 90°: #2046a7, #1d59ae, #0d70b0, #00809d, #0b8a89, #00926f, #29944d. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#2046a7
#1d59ae
#0d70b0
#00809d
#0b8a89
#00926f
#29944d

CSS

background: linear-gradient(90deg in oklch, oklch(42.91% 0.1626 264.38) 0.0%, oklch(47.54% 0.1481 258.10) 16.7%, oklch(52.76% 0.1295 245.35) 33.3%, oklch(55.64% 0.1020 221.00) 50.0%, oklch(57.48% 0.0965 193.57) 66.7%, oklch(58.57% 0.1177 168.66) 83.3%, oklch(59.06% 0.1433 150.25) 100.0%);

In these collections

Blue and green swatches