# Analogous tan, peach and brown linear gradient

Analogous tan, peach and brown linear gradient with 40 colors: #e2bb9d, #e2b99a, #e2b695, #e2b391, #e2af8c, #e2ac86, #e2a780, #e3a37a, #e39e74, #e3996d, #e39467, #e28e61, #e2885b, #e08355, #df7d4f, #dd774a, #db7245, #d86c41, #d5673d, #d1623a, #cc5e37, #c75a35, #c05533, #b95131, #b24d2f, #aa492d, #a1462b, #99422a, #903e28, #873b27, #7f3825, #763524, #6e3223, #672f21, #5f2d20, #592a1f, #53281e, #4d261c, #49241b, #45231a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS0Cwqzra9iYUP0`
- Page: https://grabient.com/kS0Cwqzra9iYUP0?steps=40&angle=180
- Drawn as: linear gradient, 40 steps, 180 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.8 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 | `#e2bb9d` | `oklch(81.89% 0.0606 59.77)` | Sumptuous Peach | black, 11.8 to 1 |
| 2 | `#e2b99a` | `oklch(81.34% 0.0634 59.18)` | So Baja | black, 11.6 to 1 |
| 3 | `#e2b695` | `oklch(80.72% 0.0670 58.47)` | Oakley Apricot | black, 11.3 to 1 |
| 4 | `#e2b391` | `oklch(80.02% 0.0713 57.63)` | Soft Apricot | black, 11 to 1 |
| 5 | `#e2af8c` | `oklch(79.27% 0.0763 56.70)` | Ancient Inca | black, 10.7 to 1 |
| 6 | `#e2ac86` | `oklch(78.45% 0.0818 55.68)` | Tumbleweed | black, 10.4 to 1 |
| 7 | `#e2a780` | `oklch(77.58% 0.0876 54.58)` | Orange Clay | black, 10.1 to 1 |
| 8 | `#e3a37a` | `oklch(76.65% 0.0938 53.43)` | Peach Ice Cream | black, 9.7 to 1 |
| 9 | `#e39e74` | `oklch(75.67% 0.1001 52.23)` | Pecan Veneer | black, 9.4 to 1 |
| 10 | `#e3996d` | `oklch(74.64% 0.1066 50.99)` | Candle Yellow | black, 9 to 1 |
| 11 | `#e39467` | `oklch(73.57% 0.1129 49.74)` | Peachy Maroney | black, 8.6 to 1 |
| 12 | `#e28e61` | `oklch(72.46% 0.1192 48.49)` | Bockwurst | black, 8.2 to 1 |
| 13 | `#e2885b` | `oklch(71.31% 0.1251 47.25)` | Aegean Sky | black, 7.9 to 1 |
| 14 | `#e08355` | `oklch(70.12% 0.1307 46.03)` | Show Business | black, 7.5 to 1 |
| 15 | `#df7d4f` | `oklch(68.91% 0.1358 44.85)` | Jaffa | black, 7.1 to 1 |
| 16 | `#dd774a` | `oklch(67.66% 0.1403 43.72)` | Orange Shot | black, 6.8 to 1 |
| 17 | `#db7245` | `oklch(66.39% 0.1441 42.66)` | Field Poppy | black, 6.4 to 1 |
| 18 | `#d86c41` | `oklch(65.10% 0.1471 41.68)` | Field Poppy | black, 6.1 to 1 |
| 19 | `#d5673d` | `oklch(63.80% 0.1491 40.80)` | Fresh Acorn | black, 5.8 to 1 |
| 20 | `#d1623a` | `oklch(62.48% 0.1501 40.03)` | Vermilion Waxcap | black, 5.5 to 1 |
| 21 | `#cc5e37` | `oklch(61.13% 0.1500 39.37)` | Campfire | black, 5.2 to 1 |
| 22 | `#c75a35` | `oklch(59.66% 0.1487 38.78)` | Spicy Tomato | black, 4.9 to 1 |
| 23 | `#c05533` | `oklch(58.07% 0.1463 38.25)` | Raucous Orange | black, 4.6 to 1 |
| 24 | `#b95131` | `oklch(56.38% 0.1430 37.78)` | Renga Brick | white, 4.8 to 1 |
| 25 | `#b24d2f` | `oklch(54.61% 0.1389 37.35)` | Kabacha Brown | white, 5.2 to 1 |
| 26 | `#aa492d` | `oklch(52.76% 0.1341 36.97)` | Red Terra | white, 5.6 to 1 |
| 27 | `#a1462b` | `oklch(50.87% 0.1287 36.63)` | Toasted Paprika | white, 6.1 to 1 |
| 28 | `#99422a` | `oklch(48.95% 0.1227 36.34)` | Tia Maria | white, 6.6 to 1 |
| 29 | `#903e28` | `oklch(47.02% 0.1165 36.07)` | Fire | white, 7.1 to 1 |
| 30 | `#873b27` | `oklch(45.09% 0.1099 35.84)` | Grill Master | white, 7.7 to 1 |
| 31 | `#7f3825` | `oklch(43.18% 0.1032 35.64)` | Roycroft Copper Red | white, 8.4 to 1 |
| 32 | `#763524` | `oklch(41.32% 0.0965 35.46)` | Mocha Glow | white, 9.1 to 1 |
| 33 | `#6e3223` | `oklch(39.50% 0.0899 35.30)` | Pueblo | white, 9.7 to 1 |
| 34 | `#672f21` | `oklch(37.77% 0.0834 35.15)` | Freshly Roasted Coffee | white, 10.4 to 1 |
| 35 | `#5f2d20` | `oklch(36.13% 0.0773 35.02)` | Chestnut Leather | white, 11.1 to 1 |
| 36 | `#592a1f` | `oklch(34.59% 0.0715 34.90)` | Kōrozen | white, 11.8 to 1 |
| 37 | `#53281e` | `oklch(33.19% 0.0664 34.78)` | Bitter Chocolate | white, 12.4 to 1 |
| 38 | `#4d261c` | `oklch(31.93% 0.0618 34.66)` | Torrefacto Roast | white, 13 to 1 |
| 39 | `#49241b` | `oklch(30.84% 0.0580 34.53)` | Wild Brown | white, 13.5 to 1 |
| 40 | `#45231a` | `oklch(29.92% 0.0551 34.40)` | Marmite | white, 13.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #e2bb9d 0.0%, #e2b99a 2.6%, #e2b695 5.1%, #e2b391 7.7%, #e2af8c 10.3%, #e2ac86 12.8%, #e2a780 15.4%, #e3a37a 17.9%, #e39e74 20.5%, #e3996d 23.1%, #e39467 25.6%, #e28e61 28.2%, #e2885b 30.8%, #e08355 33.3%, #df7d4f 35.9%, #dd774a 38.5%, #db7245 41.0%, #d86c41 43.6%, #d5673d 46.2%, #d1623a 48.7%, #cc5e37 51.3%, #c75a35 53.8%, #c05533 56.4%, #b95131 59.0%, #b24d2f 61.5%, #aa492d 64.1%, #a1462b 66.7%, #99422a 69.2%, #903e28 71.8%, #873b27 74.4%, #7f3825 76.9%, #763524 79.5%, #6e3223 82.1%, #672f21 84.6%, #5f2d20 87.2%, #592a1f 89.7%, #53281e 92.3%, #4d261c 94.9%, #49241b 97.4%, #45231a 100.0%);
background: linear-gradient(180deg in oklch, oklch(81.89% 0.0606 59.77) 0.0%, oklch(81.34% 0.0634 59.18) 2.6%, oklch(80.72% 0.0670 58.47) 5.1%, oklch(80.02% 0.0713 57.63) 7.7%, oklch(79.27% 0.0763 56.70) 10.3%, oklch(78.45% 0.0818 55.68) 12.8%, oklch(77.58% 0.0876 54.58) 15.4%, oklch(76.65% 0.0938 53.43) 17.9%, oklch(75.67% 0.1001 52.23) 20.5%, oklch(74.64% 0.1066 50.99) 23.1%, oklch(73.57% 0.1129 49.74) 25.6%, oklch(72.46% 0.1192 48.49) 28.2%, oklch(71.31% 0.1251 47.25) 30.8%, oklch(70.12% 0.1307 46.03) 33.3%, oklch(68.91% 0.1358 44.85) 35.9%, oklch(67.66% 0.1403 43.72) 38.5%, oklch(66.39% 0.1441 42.66) 41.0%, oklch(65.10% 0.1471 41.68) 43.6%, oklch(63.80% 0.1491 40.80) 46.2%, oklch(62.48% 0.1501 40.03) 48.7%, oklch(61.13% 0.1500 39.37) 51.3%, oklch(59.66% 0.1487 38.78) 53.8%, oklch(58.07% 0.1463 38.25) 56.4%, oklch(56.38% 0.1430 37.78) 59.0%, oklch(54.61% 0.1389 37.35) 61.5%, oklch(52.76% 0.1341 36.97) 64.1%, oklch(50.87% 0.1287 36.63) 66.7%, oklch(48.95% 0.1227 36.34) 69.2%, oklch(47.02% 0.1165 36.07) 71.8%, oklch(45.09% 0.1099 35.84) 74.4%, oklch(43.18% 0.1032 35.64) 76.9%, oklch(41.32% 0.0965 35.46) 79.5%, oklch(39.50% 0.0899 35.30) 82.1%, oklch(37.77% 0.0834 35.15) 84.6%, oklch(36.13% 0.0773 35.02) 87.2%, oklch(34.59% 0.0715 34.90) 89.7%, oklch(33.19% 0.0664 34.78) 92.3%, oklch(31.93% 0.0618 34.66) 94.9%, oklch(30.84% 0.0580 34.53) 97.4%, oklch(29.92% 0.0551 34.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.061 | 59.8 |
| 2 | 0.618 | 0.15 | 39.7 |
| 3 | 0.299 | 0.055 | 34.4 |

## In these collections

- [Brown gradients](https://grabient.com/brown-gradients)
- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

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