Analogous olive, orange and brown linear gradient

Analogous olive, orange and brown color palette

Linear gradient, 7 colors at 90°: #9f9d26, #b59925, #cc9437, #d18c4a, #bc7f4b, #9d6d44, #86613f. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#9f9d26
#b59925
#cc9437
#d18c4a
#bc7f4b
#9d6d44
#86613f

CSS

background: linear-gradient(90deg in oklch, oklch(67.72% 0.1337 108.28) 0.0%, oklch(68.94% 0.1305 94.82) 16.7%, oklch(70.38% 0.1256 76.30) 33.3%, oklch(69.69% 0.1171 62.84) 50.0%, oklch(64.70% 0.1016 59.47) 66.7%, oklch(57.57% 0.0826 61.16) 83.3%, oklch(52.36% 0.0689 62.84) 100.0%);

In these collections

Darecations