Monochrome navy to blue linear gradient

Linear gradient, 7 colors at 90°: #081c46, #0c2257, #132c71, #1e358b, #313da7, #4844c3, #5a48d5. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#081c46
#0c2257
#132c71
#1e358b
#313da7
#4844c3
#5a48d5

CSS

background: linear-gradient(90deg in oklch, oklch(24.02% 0.0841 262.97) 0.0%, oklch(27.35% 0.1002 263.67) 16.7%, oklch(32.14% 0.1232 264.85) 33.3%, oklch(37.01% 0.1461 267.20) 50.0%, oklch(42.05% 0.1686 271.89) 66.7%, oklch(47.19% 0.1910 277.76) 83.3%, oklch(50.79% 0.2067 281.99) 100.0%);

In these collections

Hero section gradients