Navy to beige linear gradient

Linear gradient, 7 colors at 90°: #2d294d, #40416a, #70487c, #a64737, #c07b38, #d3ad74, #e2d1b1. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#2d294d
#40416a
#70487c
#a64737
#c07b38
#d3ad74
#e2d1b1

CSS

background: linear-gradient(90deg in oklch, oklch(30.31% 0.0634 286.88) 0.0%, oklch(39.43% 0.0682 280.77) 16.7%, oklch(46.75% 0.0930 318.07) 33.3%, oklch(51.97% 0.1281 31.49) 50.0%, oklch(64.39% 0.1190 61.87) 66.7%, oklch(76.93% 0.0869 77.25) 83.3%, oklch(86.61% 0.0469 83.27) 100.0%);

In these collections

Afro bohemian