# Tan, purple and gray radial gradient

Tan, purple and gray radial gradient with 32 colors: #d9c19a, #d8bc95, #d5b58e, #d2ad86, #cfa37e, #cb9a78, #c79072, #c3886f, #bf816e, #bb7a6e, #b67570, #b17072, #ac6c75, #a66878, #a0657b, #9a637e, #946180, #8e5f83, #875e84, #805c86, #795c88, #745d8a, #705f8c, #6e6390, #6f6a95, #74749c, #7c81a4, #878ead, #929cb6, #9ea8bf, #a9b3c5, #b1baca. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW0Ss5VJ47EecubDmTm5Ak8A`
- Page: https://grabient.com/kW0Ss5VJ47EecubDmTm5Ak8A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#d9c19a` | `oklch(82.28% 0.0593 80.16)` | Golden Gate | black, 12.1 to 1 |
| 2 | `#d8bc95` | `oklch(80.98% 0.0613 76.94)` | Pebble Path | black, 11.5 to 1 |
| 3 | `#d5b58e` | `oklch(79.20% 0.0643 72.74)` | Asian Jute | black, 10.8 to 1 |
| 4 | `#d2ad86` | `oklch(77.08% 0.0679 67.73)` | Cheddar Biscuit | black, 10 to 1 |
| 5 | `#cfa37e` | `oklch(74.75% 0.0717 62.12)` | Kamut | black, 9.2 to 1 |
| 6 | `#cb9a78` | `oklch(72.36% 0.0754 56.10)` | Sweet Almond | black, 8.4 to 1 |
| 7 | `#c79072` | `oklch(70.03% 0.0788 49.85)` | Baker’s Dream | black, 7.6 to 1 |
| 8 | `#c3886f` | `oklch(67.91% 0.0814 43.56)` | Secluded Canyon | black, 7 to 1 |
| 9 | `#bf816e` | `oklch(66.12% 0.0830 37.41)` | Kitchen Terra Cotta | black, 6.5 to 1 |
| 10 | `#bb7a6e` | `oklch(64.49% 0.0836 31.08)` | Faneuil Brick | black, 6.1 to 1 |
| 11 | `#b67570` | `oklch(62.95% 0.0837 24.45)` | Canyon Rose | black, 5.7 to 1 |
| 12 | `#b17072` | `oklch(61.49% 0.0832 17.61)` | Horizon Glow | black, 5.4 to 1 |
| 13 | `#ac6c75` | `oklch(60.13% 0.0823 10.62)` | Mauvewood | black, 5.1 to 1 |
| 14 | `#a66878` | `oklch(58.88% 0.0813 3.56)` | Berry Crush | black, 4.8 to 1 |
| 15 | `#a0657b` | `oklch(57.75% 0.0801 356.51)` | Mellow Mauve | black, 4.6 to 1 |
| 16 | `#9a637e` | `oklch(56.75% 0.0790 349.54)` | Batik Pink | white, 4.7 to 1 |
| 17 | `#946180` | `oklch(55.84% 0.0781 342.66)` | Rust Magenta | white, 4.8 to 1 |
| 18 | `#8e5f83` | `oklch(54.81% 0.0775 335.58)` | Antique Fuchsia | white, 5 to 1 |
| 19 | `#875e84` | `oklch(53.75% 0.0771 328.35)` | Dusty Purple | white, 5.3 to 1 |
| 20 | `#805c86` | `oklch(52.79% 0.0765 321.12)` | Muted Purple | white, 5.5 to 1 |
| 21 | `#795c88` | `oklch(52.08% 0.0757 314.01)` | Champion | white, 5.6 to 1 |
| 22 | `#745d8a` | `oklch(51.75% 0.0744 307.14)` | Super Violet | white, 5.7 to 1 |
| 23 | `#705f8c` | `oklch(51.95% 0.0725 300.65)` | Super Violet | white, 5.6 to 1 |
| 24 | `#6e6390` | `oklch(52.81% 0.0697 294.67)` | Prime Purple | white, 5.4 to 1 |
| 25 | `#6f6a95` | `oklch(54.60% 0.0658 289.17)` | Purple Grapes | white, 5 to 1 |
| 26 | `#74749c` | `oklch(57.49% 0.0604 283.87)` | Kimono Violet | black, 4.7 to 1 |
| 27 | `#7c81a4` | `oklch(61.15% 0.0540 278.83)` | Romanesque | black, 5.5 to 1 |
| 28 | `#878ead` | `oklch(65.23% 0.0471 274.14)` | Papilio Argeotus | black, 6.5 to 1 |
| 29 | `#929cb6` | `oklch(69.37% 0.0402 269.89)` | Skyline | black, 7.6 to 1 |
| 30 | `#9ea8bf` | `oklch(73.24% 0.0339 266.14)` | Icelandic Blue | black, 8.8 to 1 |
| 31 | `#a9b3c5` | `oklch(76.48% 0.0286 262.99)` | Suds | black, 9.9 to 1 |
| 32 | `#b1baca` | `oklch(78.74% 0.0248 260.51)` | Heritage | black, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d9c19a 0.0%, #d8bc95 3.2%, #d5b58e 6.5%, #d2ad86 9.7%, #cfa37e 12.9%, #cb9a78 16.1%, #c79072 19.4%, #c3886f 22.6%, #bf816e 25.8%, #bb7a6e 29.0%, #b67570 32.3%, #b17072 35.5%, #ac6c75 38.7%, #a66878 41.9%, #a0657b 45.2%, #9a637e 48.4%, #946180 51.6%, #8e5f83 54.8%, #875e84 58.1%, #805c86 61.3%, #795c88 64.5%, #745d8a 67.7%, #705f8c 71.0%, #6e6390 74.2%, #6f6a95 77.4%, #74749c 80.6%, #7c81a4 83.9%, #878ead 87.1%, #929cb6 90.3%, #9ea8bf 93.5%, #a9b3c5 96.8%, #b1baca 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(82.28% 0.0593 80.16) 0.0%, oklch(80.98% 0.0613 76.94) 3.2%, oklch(79.20% 0.0643 72.74) 6.5%, oklch(77.08% 0.0679 67.73) 9.7%, oklch(74.75% 0.0717 62.12) 12.9%, oklch(72.36% 0.0754 56.10) 16.1%, oklch(70.03% 0.0788 49.85) 19.4%, oklch(67.91% 0.0814 43.56) 22.6%, oklch(66.12% 0.0830 37.41) 25.8%, oklch(64.49% 0.0836 31.08) 29.0%, oklch(62.95% 0.0837 24.45) 32.3%, oklch(61.49% 0.0832 17.61) 35.5%, oklch(60.13% 0.0823 10.62) 38.7%, oklch(58.88% 0.0813 3.56) 41.9%, oklch(57.75% 0.0801 356.51) 45.2%, oklch(56.75% 0.0790 349.54) 48.4%, oklch(55.84% 0.0781 342.66) 51.6%, oklch(54.81% 0.0775 335.58) 54.8%, oklch(53.75% 0.0771 328.35) 58.1%, oklch(52.79% 0.0765 321.12) 61.3%, oklch(52.08% 0.0757 314.01) 64.5%, oklch(51.75% 0.0744 307.14) 67.7%, oklch(51.95% 0.0725 300.65) 71.0%, oklch(52.81% 0.0697 294.67) 74.2%, oklch(54.60% 0.0658 289.17) 77.4%, oklch(57.49% 0.0604 283.87) 80.6%, oklch(61.15% 0.0540 278.83) 83.9%, oklch(65.23% 0.0471 274.14) 87.1%, oklch(69.37% 0.0402 269.89) 90.3%, oklch(73.24% 0.0339 266.14) 93.5%, oklch(76.48% 0.0286 262.99) 96.8%, oklch(78.74% 0.0248 260.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.059 | 80.2 |
| 2 | 0.665 | 0.083 | 38.9 |
| 3 | 0.563 | 0.079 | -13.9 |
| 4 | 0.531 | 0.069 | -66.7 |
| 5 | 0.787 | 0.025 | -99.5 |

## In these collections

- [Sunrise swatches](https://grabient.com/sunrise-swatches)
- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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