Analogous brown, orange and yellow linear gradient

Analogous brown, orange and yellow palette with 6 colors. #313511, #5c4c08, #956707, #c88913, #edb12e, #ffd551. Edit and export CSS, SVG, PNG or a shader.

6 colors, 4 editable OKLCH keyframes.

#313511
#5c4c08
#956707
#c88913
#edb12e
#ffd551

CSS

background: linear-gradient(270deg in oklch, oklch(31.50% 0.0551 115.31) 0.0%, oklch(42.03% 0.0822 93.86) 20.0%, oklch(54.92% 0.1125 77.33) 40.0%, oklch(67.71% 0.1385 75.35) 60.0%, oklch(79.52% 0.1518 81.47) 80.0%, oklch(88.58% 0.1527 91.01) 100.0%);