Burgundy and orange color palette

The Burgundy and orange color palette brings together dark red, red, orange, and light orange. Linear gradient, 32 colors at 135°: #3a1712, #a23f25, #f09f63, #f5b27c, #8f371e. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#3a1712
#411a13
#4c1d15
#5a2117
#68261a
#762b1c
#84311f
#933822
#a23f25
#b14729
#bf512e
#ca5d33
#d46a3a
#dd7843
#e4864d
#eb9358
#f09f63
#f5ad73
#f9ba84
#fbc593
#fccb9b
#fcca9b
#f9c18f
#f5b27c
#efa067
#e88e54
#dd7d46
#cf6d3b
#bd5c31
#aa4d29
#9a4023
#8f371e

CSS

background: linear-gradient(135deg in oklch, oklch(25.59% 0.0565 30.23) 0.0%, oklch(27.44% 0.0637 30.62) 3.2%, oklch(30.01% 0.0740 31.13) 6.5%, oklch(33.05% 0.0859 31.76) 9.7%, oklch(36.34% 0.0980 32.48) 12.9%, oklch(39.63% 0.1087 33.27) 16.1%, oklch(42.89% 0.1182 34.02) 19.4%, oklch(46.35% 0.1280 34.69) 22.6%, oklch(49.94% 0.1372 35.47) 25.8%, oklch(53.56% 0.1447 36.52) 29.0%, oklch(57.11% 0.1494 38.05) 32.3%, oklch(60.58% 0.1504 40.25) 35.5%, oklch(64.11% 0.1481 43.21) 38.7%, oklch(67.61% 0.1433 46.57) 41.9%, oklch(70.99% 0.1370 50.01) 45.2%, oklch(74.14% 0.1301 53.17) 48.4%, oklch(77.08% 0.1229 55.88) 51.6%, oklch(80.32% 0.1125 58.78) 54.8%, oklch(83.47% 0.1008 61.59) 58.1%, oklch(86.00% 0.0903 63.84) 61.3%, oklch(87.38% 0.0837 65.07) 64.5%, oklch(87.09% 0.0836 64.82) 67.7%, oklch(84.99% 0.0915 62.81) 71.0%, oklch(81.56% 0.1046 59.57) 74.2%, oklch(77.34% 0.1192 55.72) 77.4%, oklch(72.85% 0.1317 51.92) 80.6%, oklch(68.60% 0.1384 48.79) 83.9%, oklch(63.86% 0.1393 45.93) 87.1%, oklch(58.57% 0.1367 43.07) 90.3%, oklch(53.35% 0.1324 40.42) 93.5%, oklch(48.84% 0.1280 38.18) 96.8%, oklch(45.67% 0.1254 36.57) 100.0%);

In these collections

Copper Metallic gradients