# Analogous brown, tan, orange and red radial gradient

Analogous brown, tan, orange and red radial gradient with 40 colors: #e09676, #da8f6e, #d08664, #c57b57, #b96f49, #ad633c, #a25930, #995227, #924d22, #8f4d24, #8c4f29, #8b5231, #8b5739, #8b5b41, #8c5f47, #8c624a, #8d624a, #8e5f45, #8f5a3e, #905434, #924e29, #954a1d, #984711, #9e4904, #a65001, #b15f0c, #bf7420, #ce8b36, #dba24c, #e7b65f, #efc46d, #f2c973, #f1c36c, #eab35c, #de9b46, #d07f2f, #bf611b, #ad450e, #9d2c09, #921709. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYvEkfv6fAkQYP_BMMAbKpD7Y5uY`
- Page: https://grabient.com/kYvEkfv6fAkQYP_BMMAbKpD7Y5uY?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: vivid, 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 | `#e09676` | `oklch(74.02% 0.1006 44.30)` | Baked Salmon | black, 8.8 to 1 |
| 2 | `#da8f6e` | `oklch(71.91% 0.1016 44.75)` | Balcony Sunset | black, 8.1 to 1 |
| 3 | `#d08664` | `oklch(68.89% 0.1034 45.41)` | Burning Sand | black, 7.2 to 1 |
| 4 | `#c57b57` | `oklch(65.27% 0.1055 46.18)` | Brown Clay | black, 6.3 to 1 |
| 5 | `#b96f49` | `oklch(61.40% 0.1076 47.02)` | Pottery Clay | black, 5.4 to 1 |
| 6 | `#ad633c` | `oklch(57.58% 0.1093 47.86)` | Fudgesicle | black, 4.6 to 1 |
| 7 | `#a25930` | `oklch(54.15% 0.1103 48.61)` | Tense Terracotta | white, 5.2 to 1 |
| 8 | `#995227` | `oklch(51.44% 0.1101 49.23)` | Panela | white, 5.8 to 1 |
| 9 | `#924d22` | `oklch(49.76% 0.1083 49.64)` | Nightcap | white, 6.3 to 1 |
| 10 | `#8f4d24` | `oklch(49.09% 0.1040 49.86)` | Nightcap | white, 6.4 to 1 |
| 11 | `#8c4f29` | `oklch(49.16% 0.0974 49.93)` | Plane Brown | white, 6.4 to 1 |
| 12 | `#8b5231` | `oklch(49.78% 0.0895 49.91)` | Rusted Earth | white, 6.2 to 1 |
| 13 | `#8b5739` | `oklch(50.72% 0.0814 49.81)` | Chestnut Chest | white, 5.9 to 1 |
| 14 | `#8b5b41` | `oklch(51.78% 0.0741 49.70)` | Rope | white, 5.7 to 1 |
| 15 | `#8c5f47` | `oklch(52.74% 0.0686 49.60)` | Tamarind Tart | white, 5.4 to 1 |
| 16 | `#8c624a` | `oklch(53.39% 0.0660 49.56)` | Goulash | white, 5.3 to 1 |
| 17 | `#8d624a` | `oklch(53.51% 0.0672 49.57)` | Weathered Leather | white, 5.2 to 1 |
| 18 | `#8e5f45` | `oklch(52.99% 0.0727 49.27)` | Western Pursuit | white, 5.4 to 1 |
| 19 | `#8f5a3e` | `oklch(52.05% 0.0816 48.75)` | Rope | white, 5.6 to 1 |
| 20 | `#905434` | `oklch(50.96% 0.0925 48.21)` | Chestnut Chest | white, 5.9 to 1 |
| 21 | `#924e29` | `oklch(49.99% 0.1042 47.85)` | Khaki Brown | white, 6.2 to 1 |
| 22 | `#954a1d` | `oklch(49.40% 0.1156 47.86)` | Nightcap | white, 6.4 to 1 |
| 23 | `#984711` | `oklch(49.47% 0.1252 48.45)` | All the Leaves Are Brown | white, 6.4 to 1 |
| 24 | `#9e4904` | `oklch(50.46% 0.1320 49.83)` | Oregon | white, 6.1 to 1 |
| 25 | `#a65001` | `oklch(52.83% 0.1349 52.40)` | Windsor Brown | white, 5.5 to 1 |
| 26 | `#b15f0c` | `oklch(57.12% 0.1345 56.92)` | Orangish Brown | white, 4.6 to 1 |
| 27 | `#bf7420` | `oklch(62.74% 0.1318 62.73)` | Desert Sun | black, 5.7 to 1 |
| 28 | `#ce8b36` | `oklch(68.97% 0.1276 69.08)` | Brown Beige | black, 7.3 to 1 |
| 29 | `#dba24c` | `oklch(75.07% 0.1230 75.21)` | Solar Fusion | black, 9.3 to 1 |
| 30 | `#e7b65f` | `oklch(80.34% 0.1188 80.36)` | River of Gold | black, 11.2 to 1 |
| 31 | `#efc46d` | `oklch(84.05% 0.1160 83.75)` | Pasta Rasta | black, 12.7 to 1 |
| 32 | `#f2c973` | `oklch(85.48% 0.1155 84.64)` | Pastel de Nata | black, 13.4 to 1 |
| 33 | `#f1c36c` | `oklch(84.02% 0.1178 82.29)` | Hawker’s Gold | black, 12.7 to 1 |
| 34 | `#eab35c` | `oklch(79.92% 0.1223 76.90)` | Talâyi Gold | black, 11 to 1 |
| 35 | `#de9b46` | `oklch(73.95% 0.1284 69.35)` | Pavilion Peach | black, 8.8 to 1 |
| 36 | `#d07f2f` | `oklch(66.86% 0.1353 60.54)` | Chinese Bronze | black, 6.7 to 1 |
| 37 | `#bf611b` | `oklch(59.41% 0.1424 51.36)` | Storybook Sundown | black, 4.9 to 1 |
| 38 | `#ad450e` | `oklch(52.37% 0.1491 42.70)` | Rusted Lock | white, 5.7 to 1 |
| 39 | `#9d2c09` | `oklch(46.48% 0.1546 35.47)` | Chocolate Fondue | white, 7.5 to 1 |
| 40 | `#921709` | `oklch(42.52% 0.1585 30.56)` | Emergency | white, 8.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e09676 0.0%, #da8f6e 2.6%, #d08664 5.1%, #c57b57 7.7%, #b96f49 10.3%, #ad633c 12.8%, #a25930 15.4%, #995227 17.9%, #924d22 20.5%, #8f4d24 23.1%, #8c4f29 25.6%, #8b5231 28.2%, #8b5739 30.8%, #8b5b41 33.3%, #8c5f47 35.9%, #8c624a 38.5%, #8d624a 41.0%, #8e5f45 43.6%, #8f5a3e 46.2%, #905434 48.7%, #924e29 51.3%, #954a1d 53.8%, #984711 56.4%, #9e4904 59.0%, #a65001 61.5%, #b15f0c 64.1%, #bf7420 66.7%, #ce8b36 69.2%, #dba24c 71.8%, #e7b65f 74.4%, #efc46d 76.9%, #f2c973 79.5%, #f1c36c 82.1%, #eab35c 84.6%, #de9b46 87.2%, #d07f2f 89.7%, #bf611b 92.3%, #ad450e 94.9%, #9d2c09 97.4%, #921709 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.1006 44.30) 0.0%, oklch(71.91% 0.1016 44.75) 2.6%, oklch(68.89% 0.1034 45.41) 5.1%, oklch(65.27% 0.1055 46.18) 7.7%, oklch(61.40% 0.1076 47.02) 10.3%, oklch(57.58% 0.1093 47.86) 12.8%, oklch(54.15% 0.1103 48.61) 15.4%, oklch(51.44% 0.1101 49.23) 17.9%, oklch(49.76% 0.1083 49.64) 20.5%, oklch(49.09% 0.1040 49.86) 23.1%, oklch(49.16% 0.0974 49.93) 25.6%, oklch(49.78% 0.0895 49.91) 28.2%, oklch(50.72% 0.0814 49.81) 30.8%, oklch(51.78% 0.0741 49.70) 33.3%, oklch(52.74% 0.0686 49.60) 35.9%, oklch(53.39% 0.0660 49.56) 38.5%, oklch(53.51% 0.0672 49.57) 41.0%, oklch(52.99% 0.0727 49.27) 43.6%, oklch(52.05% 0.0816 48.75) 46.2%, oklch(50.96% 0.0925 48.21) 48.7%, oklch(49.99% 0.1042 47.85) 51.3%, oklch(49.40% 0.1156 47.86) 53.8%, oklch(49.47% 0.1252 48.45) 56.4%, oklch(50.46% 0.1320 49.83) 59.0%, oklch(52.83% 0.1349 52.40) 61.5%, oklch(57.12% 0.1345 56.92) 64.1%, oklch(62.74% 0.1318 62.73) 66.7%, oklch(68.97% 0.1276 69.08) 69.2%, oklch(75.07% 0.1230 75.21) 71.8%, oklch(80.34% 0.1188 80.36) 74.4%, oklch(84.05% 0.1160 83.75) 76.9%, oklch(85.48% 0.1155 84.64) 79.5%, oklch(84.02% 0.1178 82.29) 82.1%, oklch(79.92% 0.1223 76.90) 84.6%, oklch(73.95% 0.1284 69.35) 87.2%, oklch(66.86% 0.1353 60.54) 89.7%, oklch(59.41% 0.1424 51.36) 92.3%, oklch(52.37% 0.1491 42.70) 94.9%, oklch(46.48% 0.1546 35.47) 97.4%, oklch(42.52% 0.1585 30.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.101 | 44.3 |
| 2 | 0.5 | 0.109 | 49.6 |
| 3 | 0.535 | 0.066 | 49.6 |
| 4 | 0.512 | 0.134 | 50.6 |
| 5 | 0.854 | 0.116 | 84.5 |
| 6 | 0.425 | 0.158 | 30.6 |

## Other forms

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