# Analogous gray, brown and peach linear gradient

Analogous gray, brown and peach linear gradient with 40 colors: #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. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWkhYa4YnGDS0OPnGEKrxFDA`
- Page: https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.7 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#8a736c` | `oklch(57.48% 0.0303 37.27)` | Brown Rose | black, 4.7 to 1 |
| 2 | `#8d7870` | `oklch(58.92% 0.0295 40.96)` | Cedar Plank | black, 5 to 1 |
| 3 | `#927f76` | `oklch(61.10% 0.0277 46.39)` | Carmel Mission | black, 5.5 to 1 |
| 4 | `#99887e` | `oklch(63.79% 0.0254 53.02)` | Cantankerous Hippo | black, 6.1 to 1 |
| 5 | `#9f9187` | `oklch(66.73% 0.0229 60.32)` | Chatura Beige | black, 6.9 to 1 |
| 6 | `#a69b90` | `oklch(69.70% 0.0207 67.78)` | Cobblestone | black, 7.7 to 1 |
| 7 | `#ada599` | `oklch(72.46% 0.0191 74.85)` | In the Hills | black, 8.5 to 1 |
| 8 | `#b3aca0` | `oklch(74.76% 0.0187 81.03)` | Greyhound | black, 9.3 to 1 |
| 9 | `#b8b2a4` | `oklch(76.36% 0.0197 85.77)` | Silver Taupe | black, 9.9 to 1 |
| 10 | `#bab4a4` | `oklch(77.03% 0.0225 88.56)` | Pewter Patter | black, 10.1 to 1 |
| 11 | `#bab29f` | `oklch(76.51% 0.0278 88.85)` | Saturn Grey | black, 9.9 to 1 |
| 12 | `#b6ab92` | `oklch(74.36% 0.0367 86.27)` | Bison Hide | black, 9.2 to 1 |
| 13 | `#b19e7f` | `oklch(70.79% 0.0489 81.28)` | Dried Edamame | black, 8 to 1 |
| 14 | `#aa8e67` | `oklch(66.23% 0.0634 74.49)` | Rattan Basket | black, 6.7 to 1 |
| 15 | `#a47a4e` | `oklch(61.09% 0.0792 66.53)` | Butter Caramel | black, 5.4 to 1 |
| 16 | `#9d6537` | `oklch(55.80% 0.0953 58.03)` | Woodgrain | white, 4.8 to 1 |
| 17 | `#975024` | `oklch(50.77% 0.1106 49.62)` | Rusty | white, 6 to 1 |
| 18 | `#903c16` | `oklch(46.43% 0.1241 41.91)` | Citrine Brown | white, 7.3 to 1 |
| 19 | `#8b2b11` | `oklch(43.20% 0.1348 35.54)` | Sugar-Candied Peanuts | white, 8.5 to 1 |
| 20 | `#882012` | `oklch(41.49% 0.1416 31.14)` | Minotaurus Brown | white, 9.2 to 1 |
| 21 | `#8a1f17` | `oklch(41.75% 0.1438 29.15)` | Minotaurus Brown | white, 9.1 to 1 |
| 22 | `#912820` | `oklch(44.15% 0.1416 28.87)` | Vivid Auburn | white, 8.2 to 1 |
| 23 | `#9c392c` | `oklch(48.25% 0.1359 29.91)` | Ketchup | white, 6.9 to 1 |
| 24 | `#aa4c3b` | `oklch(53.53% 0.1275 32.00)` | Wilted Brown | white, 5.4 to 1 |
| 25 | `#ba624d` | `oklch(59.47% 0.1174 34.90)` | Autumn Ivy | black, 4.9 to 1 |
| 26 | `#c87960` | `oklch(65.56% 0.1062 38.35)` | Gold Pheasant | black, 6.3 to 1 |
| 27 | `#d58e73` | `oklch(71.27% 0.0948 42.08)` | Nectarina | black, 7.9 to 1 |
| 28 | `#dfa184` | `oklch(76.11% 0.0840 45.85)` | Sienna Ochre | black, 9.5 to 1 |
| 29 | `#e5af92` | `oklch(79.55% 0.0746 49.39)` | Hush Puppy | black, 10.8 to 1 |
| 30 | `#e5b699` | `oklch(81.08% 0.0675 52.46)` | Creole Cottage | black, 11.4 to 1 |
| 31 | `#dfb599` | `oklch(80.34% 0.0627 55.12)` | Pink Tulle | black, 11.2 to 1 |
| 32 | `#d4ae92` | `oklch(77.67% 0.0589 58.02)` | Mellow Buff | black, 10.2 to 1 |
| 33 | `#c4a286` | `oklch(73.50% 0.0559 61.09)` | Pacific Bluffs | black, 8.8 to 1 |
| 34 | `#b19377` | `oklch(68.24% 0.0536 64.25)` | Nomadic | black, 7.2 to 1 |
| 35 | `#9d8266` | `oklch(62.31% 0.0519 67.39)` | Teddy Bear | black, 5.7 to 1 |
| 36 | `#887054` | `oklch(56.11% 0.0505 70.42)` | China Cinnamon | white, 4.6 to 1 |
| 37 | `#755f44` | `oklch(50.07% 0.0495 73.25)` | Tree Swing | white, 6 to 1 |
| 38 | `#645135` | `oklch(44.60% 0.0486 75.78)` | Wild Chocolate | white, 7.6 to 1 |
| 39 | `#56452a` | `oklch(40.11% 0.0478 77.90)` | Garden Loam | white, 9.2 to 1 |
| 40 | `#4d3d22` | `oklch(37.01% 0.0469 79.54)` | Avocado Stone | white, 10.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8a736c 0.0%, #8d7870 2.6%, #927f76 5.1%, #99887e 7.7%, #9f9187 10.3%, #a69b90 12.8%, #ada599 15.4%, #b3aca0 17.9%, #b8b2a4 20.5%, #bab4a4 23.1%, #bab29f 25.6%, #b6ab92 28.2%, #b19e7f 30.8%, #aa8e67 33.3%, #a47a4e 35.9%, #9d6537 38.5%, #975024 41.0%, #903c16 43.6%, #8b2b11 46.2%, #882012 48.7%, #8a1f17 51.3%, #912820 53.8%, #9c392c 56.4%, #aa4c3b 59.0%, #ba624d 61.5%, #c87960 64.1%, #d58e73 66.7%, #dfa184 69.2%, #e5af92 71.8%, #e5b699 74.4%, #dfb599 76.9%, #d4ae92 79.5%, #c4a286 82.1%, #b19377 84.6%, #9d8266 87.2%, #887054 89.7%, #755f44 92.3%, #645135 94.9%, #56452a 97.4%, #4d3d22 100.0%);
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%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.03 | 37.3 |
| 2 | 0.768 | 0.026 | 89 |
| 3 | 0.413 | 0.143 | 29.9 |
| 4 | 0.811 | 0.066 | 53.1 |
| 5 | 0.37 | 0.047 | 79.5 |

## Other forms

- [JSON](https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA.json?steps=40&angle=135)
- [PNG](https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA.png?steps=40&angle=135)
- [SVG](https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA.svg?steps=40&angle=135)
- [CSS](https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA.css?steps=40&angle=135)
- [ASE](https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA.ase?steps=40&angle=135)
- [GPL](https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA.gpl?steps=40&angle=135)
- [GRD](https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA.grd?steps=40&angle=135)
- [Design tokens](https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA.tokens.json?steps=40&angle=135)
- [Social card](https://grabient.com/api/og?seed=kWkhYa4YnGDS0OPnGEKrxFDA&steps=40&angle=135)
- [Palettes like this one](https://grabient.com/palettes?q=kWkhYa4YnGDS0OPnGEKrxFDA)
- [Guide for agents](https://grabient.com/llms.txt)