Analogous beige, orange and maroon angular gradient

Analogous beige, orange and maroon color palette

Angular gradient, 32 colors at 90°: #e0db8d, #dda929, #c35904, #9c0802, #620400. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#e0db8d
#dfd886
#ded47d
#dece72
#dec865
#dec157
#deba48
#ddb238
#dda929
#dca01a
#da960a
#d88c00
#d58100
#d17700
#cd6c00
#c86303
#c35904
#bf4f03
#ba4401
#b43900
#af2e00
#a92200
#a21601
#9c0802
#940003
#8b0005
#830004
#7b0002
#740000
#6d0200
#670400
#620400

CSS

background: conic-gradient(from 90deg in oklch, oklch(87.80% 0.0992 105.47) 0.0%, oklch(86.96% 0.1031 103.97) 3.2%, oklch(85.88% 0.1086 102.08) 6.5%, oklch(84.60% 0.1151 99.84) 9.7%, oklch(83.15% 0.1222 97.27) 12.9%, oklch(81.57% 0.1292 94.42) 16.1%, oklch(79.88% 0.1359 91.32) 19.4%, oklch(78.12% 0.1415 88.00) 22.6%, oklch(76.31% 0.1456 84.48) 25.8%, oklch(74.37% 0.1483 80.46) 29.0%, oklch(72.28% 0.1502 75.94) 32.3%, oklch(70.07% 0.1508 71.10) 35.5%, oklch(67.79% 0.1508 66.14) 38.7%, oklch(65.48% 0.1517 61.25) 41.9%, oklch(63.18% 0.1535 56.61) 45.2%, oklch(60.94% 0.1548 52.41) 48.4%, oklch(58.76% 0.1569 48.72) 51.6%, oklch(56.55% 0.1600 45.23) 54.8%, oklch(54.31% 0.1637 41.90) 58.1%, oklch(52.08% 0.1677 38.77) 61.3%, oklch(49.89% 0.1711 35.93) 64.5%, oklch(47.75% 0.1742 33.45) 67.7%, oklch(45.70% 0.1757 31.38) 71.0%, oklch(43.77% 0.1754 29.72) 74.2%, oklch(41.94% 0.1718 28.65) 77.4%, oklch(40.10% 0.1640 28.18) 80.6%, oklch(38.30% 0.1567 28.21) 83.9%, oklch(36.59% 0.1498 28.58) 87.1%, oklch(35.01% 0.1436 29.15) 90.3%, oklch(33.59% 0.1363 29.60) 93.5%, oklch(32.41% 0.1298 30.06) 96.8%, oklch(31.50% 0.1253 30.29) 100.0%);

In these collections

Orange gradients