Vivid analogous navy to cyan linear gradient

Linear gradient, 7 colors at 90°: #012252, #003a6b, #025e8e, #0285b1, #00b2d3, #00e3f2, #7bfffc. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#012252
#003a6b
#025e8e
#0285b1
#00b2d3
#00e3f2
#7bfffc

CSS

background: linear-gradient(90deg in oklch, oklch(26.38% 0.0965 258.05) 0.0%, oklch(34.43% 0.1007 251.28) 16.7%, oklch(45.98% 0.1072 241.45) 33.3%, oklch(57.87% 0.1157 230.57) 50.0%, oklch(70.47% 0.1263 217.58) 66.7%, oklch(83.42% 0.1421 203.53) 83.3%, oklch(92.52% 0.1167 193.59) 100.0%);