Navy cyan horizontal fade

Linear gradient, 7 colors at 90°: #263c54, #214973, #225f97, #2b7eb9, #3a9dcd, #46b8d1, #5bc9c7. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#263c54
#214973
#225f97
#2b7eb9
#3a9dcd
#46b8d1
#5bc9c7

CSS

background: linear-gradient(90deg in oklch, oklch(35.04% 0.0496 250.31) 0.0%, oklch(39.84% 0.0841 251.60) 16.7%, oklch(47.54% 0.1104 249.92) 33.3%, oklch(57.09% 0.1199 243.97) 50.0%, oklch(65.91% 0.1145 233.48) 66.7%, oklch(72.83% 0.1067 214.97) 83.3%, oklch(77.17% 0.1006 193.25) 100.0%);

In these collections

Navy and teal gradients