# Tan, black, beige and gray radial gradient

Tan, black, beige and gray radial gradient with 56 colors: #e7c88c, #deba82, #cfa674, #bc8e66, #a67457, #8e5b4a, #74433d, #5d2f31, #481e26, #38111e, #2e0919, #2b0617, #300819, #3d0f1f, #511b26, #692b2e, #853f35, #a2573a, #be723f, #d58e45, #e8a94e, #f5c059, #fdd165, #ffdc7b, #ffe490, #ffe89e, #ffe9a5, #ffe9a6, #ffe6a3, #ffe39d, #fbe0a1, #f6dda5, #f2dba8, #eedaab, #eadaaf, #e5d9b2, #dfd8b5, #d9d6b8, #d4d4bb, #cfd1bc, #cbcebd, #c7cbbd, #c4c8bb, #c1c5b8, #bdc2b3, #bac0ac, #b8bda2, #b7b995, #b8b586, #bbaf75, #c0a962, #c7a150, #ce993d, #d5912b, #da891a, #de8307. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY1z47mZe1m-xSrxl8AZohD9g4uQ`
- Page: https://grabient.com/kY1z47mZe1m-xSrxl8AZohD9g4uQ?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 15.2 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 | `#e7c88c` | `oklch(84.65% 0.0854 83.67)` | Norman Shaw Goldspar | black, 13 to 1 |
| 2 | `#deba82` | `oklch(80.70% 0.0840 78.32)` | Honey Robber | black, 11.4 to 1 |
| 3 | `#cfa674` | `oklch(75.05% 0.0817 70.65)` | Balsam Brown | black, 9.3 to 1 |
| 4 | `#bc8e66` | `oklch(68.12% 0.0788 61.25)` | Tropical Wood | black, 7.1 to 1 |
| 5 | `#a67457` | `oklch(60.36% 0.0756 50.72)` | Marron Canela | black, 5.2 to 1 |
| 6 | `#8e5b4a` | `oklch(52.21% 0.0723 39.67)` | Artisan | white, 5.6 to 1 |
| 7 | `#74433d` | `oklch(44.12% 0.0692 28.70)` | Rocky Mountain Red | white, 7.9 to 1 |
| 8 | `#5d2f31` | `oklch(36.53% 0.0665 18.40)` | Jazz | white, 10.9 to 1 |
| 9 | `#481e26` | `oklch(29.89% 0.0644 9.37)` | Dark Mahogany | white, 14 to 1 |
| 10 | `#38111e` | `oklch(24.64% 0.0633 2.23)` | Chocolate Kiss | white, 16.5 to 1 |
| 11 | `#2e0919` | `oklch(21.22% 0.0633 357.56)` | Rhodophobia | white, 17.9 to 1 |
| 12 | `#2b0617` | `oklch(20.08% 0.0648 355.96)` | Rhodophobia | white, 18.3 to 1 |
| 13 | `#300819` | `oklch(21.51% 0.0683 357.85)` | Rhodophobia | white, 17.8 to 1 |
| 14 | `#3d0f1f` | `oklch(25.24% 0.0739 2.83)` | Chocolate Kiss | white, 16.3 to 1 |
| 15 | `#511b26` | `oklch(30.79% 0.0812 10.30)` | Vino Tinto | white, 13.7 to 1 |
| 16 | `#692b2e` | `oklch(37.75% 0.0895 19.64)` | Spring Lobster Brown | white, 10.5 to 1 |
| 17 | `#853f35` | `oklch(45.64% 0.0985 30.26)` | Boxcar | white, 7.5 to 1 |
| 18 | `#a2573a` | `oklch(54.03% 0.1075 41.54)` | Pennywise | white, 5.2 to 1 |
| 19 | `#be723f` | `oklch(62.48% 0.1160 52.89)` | Tiger Stripe | black, 5.6 to 1 |
| 20 | `#d58e45` | `oklch(70.52% 0.1236 63.70)` | Golden Nugget | black, 7.7 to 1 |
| 21 | `#e8a94e` | `oklch(77.72% 0.1296 73.37)` | Optimist Gold | black, 10.1 to 1 |
| 22 | `#f5c059` | `oklch(83.63% 0.1336 81.28)` | Saffron Mango | black, 12.5 to 1 |
| 23 | `#fdd165` | `oklch(87.80% 0.1350 86.84)` | Bright Halo | black, 14.4 to 1 |
| 24 | `#ffdc7b` | `oklch(90.46% 0.1231 90.20)` | Cup Noodles | black, 15.7 to 1 |
| 25 | `#ffe490` | `oklch(92.24% 0.1077 92.06)` | Swallowtail | black, 16.7 to 1 |
| 26 | `#ffe89e` | `oklch(93.27% 0.0961 92.73)` | Rich Glow | black, 17.2 to 1 |
| 27 | `#ffe9a5` | `oklch(93.67% 0.0894 92.47)` | Sun Drenched | black, 17.4 to 1 |
| 28 | `#ffe9a6` | `oklch(93.56% 0.0874 91.56)` | Sun Drenched | black, 17.4 to 1 |
| 29 | `#ffe6a3` | `oklch(93.07% 0.0892 90.27)` | Sun Drenched | black, 17.1 to 1 |
| 30 | `#ffe39d` | `oklch(92.33% 0.0938 88.89)` | Crème Brûlée | black, 16.7 to 1 |
| 31 | `#fbe0a1` | `oklch(91.47% 0.0857 87.68)` | La Luna Amarilla | black, 16.2 to 1 |
| 32 | `#f6dda5` | `oklch(90.60% 0.0778 86.93)` | Cutlery Polish | black, 15.8 to 1 |
| 33 | `#f2dba8` | `oklch(89.86% 0.0706 86.91)` | Brilliant Gold | black, 15.5 to 1 |
| 34 | `#eedaab` | `oklch(89.37% 0.0648 87.90)` | Shortcake | black, 15.2 to 1 |
| 35 | `#eadaaf` | `oklch(88.98% 0.0592 90.09)` | Rainforest Dew | black, 15.1 to 1 |
| 36 | `#e5d9b2` | `oklch(88.46% 0.0529 93.30)` | Honey Mist | black, 14.8 to 1 |
| 37 | `#dfd8b5` | `oklch(87.82% 0.0464 97.25)` | Rancho Verde | black, 14.5 to 1 |
| 38 | `#d9d6b8` | `oklch(87.09% 0.0398 101.65)` | Elise | black, 14.2 to 1 |
| 39 | `#d4d4bb` | `oklch(86.28% 0.0335 106.24)` | Pale Cucumber | black, 13.9 to 1 |
| 40 | `#cfd1bc` | `oklch(85.41% 0.0280 110.71)` | With a Twist | black, 13.5 to 1 |
| 41 | `#cbcebd` | `oklch(84.49% 0.0234 114.81)` | Pallid Wych | black, 13.1 to 1 |
| 42 | `#c7cbbd` | `oklch(83.55% 0.0202 118.24)` | Sparkling Sage | black, 12.7 to 1 |
| 43 | `#c4c8bb` | `oklch(82.59% 0.0187 120.72)` | Silent Storm | black, 12.3 to 1 |
| 44 | `#c1c5b8` | `oklch(81.64% 0.0192 121.97)` | Riverdale | black, 11.9 to 1 |
| 45 | `#bdc2b3` | `oklch(80.71% 0.0220 121.71)` | Seaside Fog | black, 11.5 to 1 |
| 46 | `#bac0ac` | `oklch(79.73% 0.0281 119.67)` | Beryl Green | black, 11.2 to 1 |
| 47 | `#b8bda2` | `oklch(78.65% 0.0374 115.96)` | Quiet Waters | black, 10.8 to 1 |
| 48 | `#b7b995` | `oklch(77.48% 0.0494 110.92)` | Bog | black, 10.3 to 1 |
| 49 | `#b8b586` | `oklch(76.28% 0.0633 104.90)` | Cress Vinaigrette | black, 9.9 to 1 |
| 50 | `#bbaf75` | `oklch(75.06% 0.0784 98.24)` | Gracious Glow | black, 9.5 to 1 |
| 51 | `#c0a962` | `oklch(73.86% 0.0941 91.26)` | Slender Stem | black, 9 to 1 |
| 52 | `#c7a150` | `oklch(72.72% 0.1095 84.32)` | Sauterne | black, 8.6 to 1 |
| 53 | `#ce993d` | `oklch(71.66% 0.1241 77.74)` | Mineral Yellow | black, 8.2 to 1 |
| 54 | `#d5912b` | `oklch(70.71% 0.1372 71.87)` | Vibrant Amber | black, 7.8 to 1 |
| 55 | `#da891a` | `oklch(69.91% 0.1479 67.04)` | Apricot Chicken | black, 7.5 to 1 |
| 56 | `#de8307` | `oklch(69.29% 0.1557 63.59)` | Tangerine Haze | black, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e7c88c 0.0%, #deba82 1.8%, #cfa674 3.6%, #bc8e66 5.5%, #a67457 7.3%, #8e5b4a 9.1%, #74433d 10.9%, #5d2f31 12.7%, #481e26 14.5%, #38111e 16.4%, #2e0919 18.2%, #2b0617 20.0%, #300819 21.8%, #3d0f1f 23.6%, #511b26 25.5%, #692b2e 27.3%, #853f35 29.1%, #a2573a 30.9%, #be723f 32.7%, #d58e45 34.5%, #e8a94e 36.4%, #f5c059 38.2%, #fdd165 40.0%, #ffdc7b 41.8%, #ffe490 43.6%, #ffe89e 45.5%, #ffe9a5 47.3%, #ffe9a6 49.1%, #ffe6a3 50.9%, #ffe39d 52.7%, #fbe0a1 54.5%, #f6dda5 56.4%, #f2dba8 58.2%, #eedaab 60.0%, #eadaaf 61.8%, #e5d9b2 63.6%, #dfd8b5 65.5%, #d9d6b8 67.3%, #d4d4bb 69.1%, #cfd1bc 70.9%, #cbcebd 72.7%, #c7cbbd 74.5%, #c4c8bb 76.4%, #c1c5b8 78.2%, #bdc2b3 80.0%, #bac0ac 81.8%, #b8bda2 83.6%, #b7b995 85.5%, #b8b586 87.3%, #bbaf75 89.1%, #c0a962 90.9%, #c7a150 92.7%, #ce993d 94.5%, #d5912b 96.4%, #da891a 98.2%, #de8307 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(84.65% 0.0854 83.67) 0.0%, oklch(80.70% 0.0840 78.32) 1.8%, oklch(75.05% 0.0817 70.65) 3.6%, oklch(68.12% 0.0788 61.25) 5.5%, oklch(60.36% 0.0756 50.72) 7.3%, oklch(52.21% 0.0723 39.67) 9.1%, oklch(44.12% 0.0692 28.70) 10.9%, oklch(36.53% 0.0665 18.40) 12.7%, oklch(29.89% 0.0644 9.37) 14.5%, oklch(24.64% 0.0633 2.23) 16.4%, oklch(21.22% 0.0633 357.56) 18.2%, oklch(20.08% 0.0648 355.96) 20.0%, oklch(21.51% 0.0683 357.85) 21.8%, oklch(25.24% 0.0739 2.83) 23.6%, oklch(30.79% 0.0812 10.30) 25.5%, oklch(37.75% 0.0895 19.64) 27.3%, oklch(45.64% 0.0985 30.26) 29.1%, oklch(54.03% 0.1075 41.54) 30.9%, oklch(62.48% 0.1160 52.89) 32.7%, oklch(70.52% 0.1236 63.70) 34.5%, oklch(77.72% 0.1296 73.37) 36.4%, oklch(83.63% 0.1336 81.28) 38.2%, oklch(87.80% 0.1350 86.84) 40.0%, oklch(90.46% 0.1231 90.20) 41.8%, oklch(92.24% 0.1077 92.06) 43.6%, oklch(93.27% 0.0961 92.73) 45.5%, oklch(93.67% 0.0894 92.47) 47.3%, oklch(93.56% 0.0874 91.56) 49.1%, oklch(93.07% 0.0892 90.27) 50.9%, oklch(92.33% 0.0938 88.89) 52.7%, oklch(91.47% 0.0857 87.68) 54.5%, oklch(90.60% 0.0778 86.93) 56.4%, oklch(89.86% 0.0706 86.91) 58.2%, oklch(89.37% 0.0648 87.90) 60.0%, oklch(88.98% 0.0592 90.09) 61.8%, oklch(88.46% 0.0529 93.30) 63.6%, oklch(87.82% 0.0464 97.25) 65.5%, oklch(87.09% 0.0398 101.65) 67.3%, oklch(86.28% 0.0335 106.24) 69.1%, oklch(85.41% 0.0280 110.71) 70.9%, oklch(84.49% 0.0234 114.81) 72.7%, oklch(83.55% 0.0202 118.24) 74.5%, oklch(82.59% 0.0187 120.72) 76.4%, oklch(81.64% 0.0192 121.97) 78.2%, oklch(80.71% 0.0220 121.71) 80.0%, oklch(79.73% 0.0281 119.67) 81.8%, oklch(78.65% 0.0374 115.96) 83.6%, oklch(77.48% 0.0494 110.92) 85.5%, oklch(76.28% 0.0633 104.90) 87.3%, oklch(75.06% 0.0784 98.24) 89.1%, oklch(73.86% 0.0941 91.26) 90.9%, oklch(72.72% 0.1095 84.32) 92.7%, oklch(71.66% 0.1241 77.74) 94.5%, oklch(70.71% 0.1372 71.87) 96.4%, oklch(69.91% 0.1479 67.04) 98.2%, oklch(69.29% 0.1557 63.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.085 | 83.7 |
| 2 | 0.201 | 0.065 | -4 |
| 3 | 0.878 | 0.135 | 86.8 |
| 4 | 0.894 | 0.065 | 87.9 |
| 5 | 0.807 | 0.022 | 121.7 |
| 6 | 0.693 | 0.156 | 63.6 |

## Other forms

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