Navy to gray linear gradient

Linear gradient, 7 colors at 90°: #0a3245, #2c4b55, #5d6e6f, #8a918f, #abb2ad, #cad2c6, #e3e8d6. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#0a3245
#2c4b55
#5d6e6f
#8a918f
#abb2ad
#cad2c6
#e3e8d6

CSS

background: linear-gradient(90deg in oklch, oklch(29.92% 0.0551 234.84) 0.0%, oklch(39.30% 0.0406 220.79) 16.7%, oklch(52.57% 0.0209 200.64) 33.3%, oklch(64.96% 0.0083 179.89) 50.0%, oklch(75.61% 0.0097 157.97) 66.7%, oklch(85.37% 0.0182 135.47) 83.3%, oklch(92.13% 0.0248 119.66) 100.0%);

In these collections

Weathered garden gradients