Analogous gray, brown and peach linear gradient

Analogous gray, brown and peach color palette

Linear gradient, 40 colors at 135°: #8a736c, #bab29f, #8a1f17, #e5b699, #4d3d22. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#8a736c
#8d7870
#927f76
#99887e
#9f9187
#a69b90
#ada599
#b3aca0
#b8b2a4
#bab4a4
#bab29f
#b6ab92
#b19e7f
#aa8e67
#a47a4e
#9d6537
#975024
#903c16
#8b2b11
#882012
#8a1f17
#912820
#9c392c
#aa4c3b
#ba624d
#c87960
#d58e73
#dfa184
#e5af92
#e5b699
#dfb599
#d4ae92
#c4a286
#b19377
#9d8266
#887054
#755f44
#645135
#56452a
#4d3d22

CSS

background: linear-gradient(135deg in oklch, oklch(57.48% 0.0303 37.27) 0.0%, oklch(58.92% 0.0295 40.96) 2.6%, oklch(61.10% 0.0277 46.39) 5.1%, oklch(63.79% 0.0254 53.02) 7.7%, oklch(66.73% 0.0229 60.32) 10.3%, oklch(69.70% 0.0207 67.78) 12.8%, oklch(72.46% 0.0191 74.85) 15.4%, oklch(74.76% 0.0187 81.03) 17.9%, oklch(76.36% 0.0197 85.77) 20.5%, oklch(77.03% 0.0225 88.56) 23.1%, oklch(76.51% 0.0278 88.85) 25.6%, oklch(74.36% 0.0367 86.27) 28.2%, oklch(70.79% 0.0489 81.28) 30.8%, oklch(66.23% 0.0634 74.49) 33.3%, oklch(61.09% 0.0792 66.53) 35.9%, oklch(55.80% 0.0953 58.03) 38.5%, oklch(50.77% 0.1106 49.62) 41.0%, oklch(46.43% 0.1241 41.91) 43.6%, oklch(43.20% 0.1348 35.54) 46.2%, oklch(41.49% 0.1416 31.14) 48.7%, oklch(41.75% 0.1438 29.15) 51.3%, oklch(44.15% 0.1416 28.87) 53.8%, oklch(48.25% 0.1359 29.91) 56.4%, oklch(53.53% 0.1275 32.00) 59.0%, oklch(59.47% 0.1174 34.90) 61.5%, oklch(65.56% 0.1062 38.35) 64.1%, oklch(71.27% 0.0948 42.08) 66.7%, oklch(76.11% 0.0840 45.85) 69.2%, oklch(79.55% 0.0746 49.39) 71.8%, oklch(81.08% 0.0675 52.46) 74.4%, oklch(80.34% 0.0627 55.12) 76.9%, oklch(77.67% 0.0589 58.02) 79.5%, oklch(73.50% 0.0559 61.09) 82.1%, oklch(68.24% 0.0536 64.25) 84.6%, oklch(62.31% 0.0519 67.39) 87.2%, oklch(56.11% 0.0505 70.42) 89.7%, oklch(50.07% 0.0495 73.25) 92.3%, oklch(44.60% 0.0486 75.78) 94.9%, oklch(40.11% 0.0478 77.90) 97.4%, oklch(37.01% 0.0469 79.54) 100.0%);