# Tan, purple and gray radial gradient

Tan, purple and gray radial gradient with 32 colors: #d3b07b, #d5b781, #d7c38b, #d9cf97, #dbdba5, #dfe2af, #e5e4b2, #eadcb0, #edceaf, #e5beb3, #d4b1b8, #bfa6b8, #ad9eb3, #a397ae, #a091aa, #a18aa5, #a5839d, #a97d92, #aa7786, #a6707d, #9c6875, #905e6f, #835569, #794f64, #754c61, #795060, #875c61, #9a7067, #ac8b73, #b9a787, #c3c09e, #c9d1b0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYxTo3cxdDNoMrdOGUYPJY-uuQzs`
- Page: https://grabient.com/kYxTo3cxdDNoMrdOGUYPJY-uuQzs?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.3 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 | `#d3b07b` | `oklch(77.56% 0.0799 77.34)` | Steamed Chestnut | black, 10.2 to 1 |
| 2 | `#d5b781` | `oklch(79.27% 0.0783 82.19)` | Clumsy Caramel | black, 10.9 to 1 |
| 3 | `#d7c38b` | `oklch(81.94% 0.0762 90.54)` | Wine Yellow | black, 12 to 1 |
| 4 | `#d9cf97` | `oklch(84.98% 0.0737 99.79)` | Bongo Skin | black, 13.3 to 1 |
| 5 | `#dbdba5` | `oklch(87.83% 0.0708 107.30)` | Burgundy Grey | black, 14.6 to 1 |
| 6 | `#dfe2af` | `oklch(89.90% 0.0676 110.46)` | Cocktail Onion | black, 15.6 to 1 |
| 7 | `#e5e4b2` | `oklch(90.62% 0.0641 106.65)` | Tusk | black, 16 to 1 |
| 8 | `#eadcb0` | `oklch(89.54% 0.0598 92.41)` | Star Bright | black, 15.3 to 1 |
| 9 | `#edceaf` | `oklch(86.92% 0.0540 67.41)` | Chai | black, 14 to 1 |
| 10 | `#e5beb3` | `oklch(83.31% 0.0476 36.43)` | Muddy Rose | black, 12.3 to 1 |
| 11 | `#d4b1b8` | `oklch(79.24% 0.0416 4.30)` | Floss | black, 10.7 to 1 |
| 12 | `#bfa6b8` | `oklch(75.26% 0.0369 335.88)` | Pansy Posie | black, 9.3 to 1 |
| 13 | `#ad9eb3` | `oklch(71.91% 0.0346 316.04)` | Grapeade | black, 8.3 to 1 |
| 14 | `#a397ae` | `oklch(69.57% 0.0355 308.77)` | Lavender Aura | black, 7.6 to 1 |
| 15 | `#a091aa` | `oklch(67.81% 0.0399 311.93)` | Ancestry Violet | black, 7.1 to 1 |
| 16 | `#a18aa5` | `oklch(66.40% 0.0466 322.00)` | Plum Perfume | black, 6.7 to 1 |
| 17 | `#a5839d` | `oklch(65.16% 0.0542 335.60)` | Amazonian Orchid | black, 6.3 to 1 |
| 18 | `#a97d92` | `oklch(63.91% 0.0615 349.37)` | Cali Lily | black, 6 to 1 |
| 19 | `#aa7786` | `oklch(62.46% 0.0670 359.95)` | Mauve Madness | black, 5.6 to 1 |
| 20 | `#a6707d` | `oklch(60.55% 0.0696 4.18)` | Black Elder | black, 5.2 to 1 |
| 21 | `#9c6875` | `oklch(57.60% 0.0701 2.51)` | Nouveau Rose | black, 4.6 to 1 |
| 22 | `#905e6f` | `oklch(54.07% 0.0691 357.55)` | Mauve Taupe | white, 5.2 to 1 |
| 23 | `#835569` | `oklch(50.65% 0.0672 351.81)` | Private Tone | white, 6 to 1 |
| 24 | `#794f64` | `oklch(48.05% 0.0648 347.77)` | Grey Carmine | white, 6.7 to 1 |
| 25 | `#754c61` | `oklch(46.96% 0.0623 347.95)` | Bewitching | white, 7 to 1 |
| 26 | `#795060` | `oklch(48.08% 0.0602 354.86)` | Grey Carmine | white, 6.7 to 1 |
| 27 | `#875c61` | `oklch(52.16% 0.0579 10.46)` | Rabbit Paws | white, 5.6 to 1 |
| 28 | `#9a7067` | `oklch(58.52% 0.0551 32.47)` | Antique Rose | black, 4.8 to 1 |
| 29 | `#ac8b73` | `oklch(66.06% 0.0522 57.58)` | Praline | black, 6.6 to 1 |
| 30 | `#b9a787` | `oklch(73.66% 0.0495 82.49)` | Sepia Tone | black, 8.9 to 1 |
| 31 | `#c3c09e` | `oklch(80.22% 0.0471 103.92)` | Chameleon Tango | black, 11.3 to 1 |
| 32 | `#c9d1b0` | `oklch(84.65% 0.0455 118.56)` | Meadow Glen | black, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d3b07b 0.0%, #d5b781 3.2%, #d7c38b 6.5%, #d9cf97 9.7%, #dbdba5 12.9%, #dfe2af 16.1%, #e5e4b2 19.4%, #eadcb0 22.6%, #edceaf 25.8%, #e5beb3 29.0%, #d4b1b8 32.3%, #bfa6b8 35.5%, #ad9eb3 38.7%, #a397ae 41.9%, #a091aa 45.2%, #a18aa5 48.4%, #a5839d 51.6%, #a97d92 54.8%, #aa7786 58.1%, #a6707d 61.3%, #9c6875 64.5%, #905e6f 67.7%, #835569 71.0%, #794f64 74.2%, #754c61 77.4%, #795060 80.6%, #875c61 83.9%, #9a7067 87.1%, #ac8b73 90.3%, #b9a787 93.5%, #c3c09e 96.8%, #c9d1b0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.56% 0.0799 77.34) 0.0%, oklch(79.27% 0.0783 82.19) 3.2%, oklch(81.94% 0.0762 90.54) 6.5%, oklch(84.98% 0.0737 99.79) 9.7%, oklch(87.83% 0.0708 107.30) 12.9%, oklch(89.90% 0.0676 110.46) 16.1%, oklch(90.62% 0.0641 106.65) 19.4%, oklch(89.54% 0.0598 92.41) 22.6%, oklch(86.92% 0.0540 67.41) 25.8%, oklch(83.31% 0.0476 36.43) 29.0%, oklch(79.24% 0.0416 4.30) 32.3%, oklch(75.26% 0.0369 335.88) 35.5%, oklch(71.91% 0.0346 316.04) 38.7%, oklch(69.57% 0.0355 308.77) 41.9%, oklch(67.81% 0.0399 311.93) 45.2%, oklch(66.40% 0.0466 322.00) 48.4%, oklch(65.16% 0.0542 335.60) 51.6%, oklch(63.91% 0.0615 349.37) 54.8%, oklch(62.46% 0.0670 359.95) 58.1%, oklch(60.55% 0.0696 4.18) 61.3%, oklch(57.60% 0.0701 2.51) 64.5%, oklch(54.07% 0.0691 357.55) 67.7%, oklch(50.65% 0.0672 351.81) 71.0%, oklch(48.05% 0.0648 347.77) 74.2%, oklch(46.96% 0.0623 347.95) 77.4%, oklch(48.08% 0.0602 354.86) 80.6%, oklch(52.16% 0.0579 10.46) 83.9%, oklch(58.52% 0.0551 32.47) 87.1%, oklch(66.06% 0.0522 57.58) 90.3%, oklch(73.66% 0.0495 82.49) 93.5%, oklch(80.22% 0.0471 103.92) 96.8%, oklch(84.65% 0.0455 118.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.08 | 77.3 |
| 2 | 0.906 | 0.063 | 104.8 |
| 3 | 0.709 | 0.034 | -48.4 |
| 4 | 0.614 | 0.069 | 3.4 |
| 5 | 0.476 | 0.061 | -7.2 |
| 6 | 0.846 | 0.045 | 118.6 |

## In these collections

- [Apple blossom orchard](https://grabient.com/apple-blossom-orchard)

## Other forms

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