Duotone blue and cyan linear gradient

Linear gradient, 7 colors at 90°: #384ca7, #008cc9, #00ddde, #54ffd7, #00cbc8, #006e97, #001f87. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#384ca7
#008cc9
#00ddde
#54ffd7
#00cbc8
#006e97
#001f87

CSS

background: linear-gradient(90deg in oklch, oklch(45.28% 0.1474 270.00) 0.0%, oklch(60.75% 0.1351 238.19) 16.7%, oklch(81.21% 0.1384 195.68) 33.3%, oklch(90.16% 0.1502 173.84) 50.0%, oklch(76.10% 0.1303 193.33) 66.7%, oklch(50.54% 0.1051 233.51) 83.3%, oklch(31.51% 0.1736 263.73) 100.0%);

In these collections

Ocean gradients