# Tan, navy, purple and teal radial gradient

Tan, navy, purple and teal radial gradient with 32 colors: #e9b58b, #e2b286, #d8af7f, #ccac79, #bea773, #b2a16e, #a69a68, #9e9161, #9a8659, #967652, #8f6451, #815356, #6d465c, #563e5f, #413a5e, #33385b, #31395b, #3c3d61, #514469, #6b4d6f, #845970, #99666e, #a6726d, #ac796f, #ab7874, #a2737c, #916c82, #796583, #5f5f7c, #49596f, #3a5360, #334e55. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWzjwrUJhDSyWKzPmE2s4yrY`
- Page: https://grabient.com/kWzjwrUJhDSyWKzPmE2s4yrY?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: 6.1 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 | `#e9b58b` | `oklch(81.10% 0.0827 60.47)` | Trick or Treat | black, 11.4 to 1 |
| 2 | `#e2b286` | `oklch(79.76% 0.0813 64.23)` | Soft Skills | black, 10.9 to 1 |
| 3 | `#d8af7f` | `oklch(78.05% 0.0793 70.84)` | Caramel Drizzle | black, 10.3 to 1 |
| 4 | `#ccac79` | `oklch(76.02% 0.0770 78.80)` | Golden Age | black, 9.7 to 1 |
| 5 | `#bea773` | `oklch(73.71% 0.0744 86.62)` | Dusted Olive | black, 8.9 to 1 |
| 6 | `#b2a16e` | `oklch(71.18% 0.0719 92.78)` | Zucchini Garden | black, 8.2 to 1 |
| 7 | `#a69a68` | `oklch(68.46% 0.0695 95.80)` | Stilted Stalks | black, 7.4 to 1 |
| 8 | `#9e9161` | `oklch(65.59% 0.0674 94.17)` | Tirol | black, 6.6 to 1 |
| 9 | `#9a8659` | `oklch(62.60% 0.0658 86.28)` | Spacious Plain | black, 5.8 to 1 |
| 10 | `#967652` | `oklch(58.81% 0.0645 69.10)` | Guinea Pig | black, 5 to 1 |
| 11 | `#8f6451` | `oklch(54.26% 0.0634 44.26)` | Gaboon Viper | white, 5.1 to 1 |
| 12 | `#815356` | `oklch(49.40% 0.0625 14.96)` | Lampoon | white, 6.3 to 1 |
| 13 | `#6d465c` | `oklch(44.64% 0.0618 344.40)` | Annis | white, 7.8 to 1 |
| 14 | `#563e5f` | `oklch(40.42% 0.0612 315.77)` | English Violet | white, 9.3 to 1 |
| 15 | `#413a5e` | `oklch(37.17% 0.0608 292.26)` | Patriot Blue | white, 10.5 to 1 |
| 16 | `#33385b` | `oklch(35.31% 0.0607 277.06)` | Very Blue | white, 11.3 to 1 |
| 17 | `#31395b` | `oklch(35.34% 0.0607 273.41)` | Mediaeval Blue | white, 11.2 to 1 |
| 18 | `#3c3d61` | `oklch(37.60% 0.0616 282.10)` | Storm Is Coming | white, 10.3 to 1 |
| 19 | `#514469` | `oklch(41.54% 0.0629 299.70)` | Evening Lavender | white, 8.8 to 1 |
| 20 | `#6b4d6f` | `oklch(46.46% 0.0645 322.46)` | Exotic Purple | white, 7.2 to 1 |
| 21 | `#845970` | `oklch(51.69% 0.0659 346.65)` | Tulipwood | white, 5.7 to 1 |
| 22 | `#99666e` | `oklch(56.55% 0.0669 8.52)` | Soft Bromeliad | white, 4.7 to 1 |
| 23 | `#a6726d` | `oklch(60.36% 0.0672 24.32)` | Autumn Russet | black, 5.2 to 1 |
| 24 | `#ac796f` | `oklch(62.43% 0.0665 30.30)` | Cranberry Foule | black, 5.7 to 1 |
| 25 | `#ab7874` | `oklch(62.33% 0.0644 23.75)` | Salon Rose | black, 5.6 to 1 |
| 26 | `#a2737c` | `oklch(60.54% 0.0609 6.86)` | Nostalgia Rose | black, 5.2 to 1 |
| 27 | `#916c82` | `oklch(57.54% 0.0564 342.67)` | Strikemaster | black, 4.6 to 1 |
| 28 | `#796583` | `oklch(53.80% 0.0513 314.15)` | Amethyst Gem | white, 5.2 to 1 |
| 29 | `#5f5f7c` | `oklch(49.76% 0.0461 284.30)` | Strong Iris | white, 6.1 to 1 |
| 30 | `#49596f` | `oklch(45.90% 0.0413 256.08)` | Bering Sea | white, 7.1 to 1 |
| 31 | `#3a5360` | `oklch(42.68% 0.0373 232.50)` | Opera Glasses | white, 8.1 to 1 |
| 32 | `#334e55` | `oklch(40.55% 0.0344 216.52)` | Iron Head | white, 8.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e9b58b 0.0%, #e2b286 3.2%, #d8af7f 6.5%, #ccac79 9.7%, #bea773 12.9%, #b2a16e 16.1%, #a69a68 19.4%, #9e9161 22.6%, #9a8659 25.8%, #967652 29.0%, #8f6451 32.3%, #815356 35.5%, #6d465c 38.7%, #563e5f 41.9%, #413a5e 45.2%, #33385b 48.4%, #31395b 51.6%, #3c3d61 54.8%, #514469 58.1%, #6b4d6f 61.3%, #845970 64.5%, #99666e 67.7%, #a6726d 71.0%, #ac796f 74.2%, #ab7874 77.4%, #a2737c 80.6%, #916c82 83.9%, #796583 87.1%, #5f5f7c 90.3%, #49596f 93.5%, #3a5360 96.8%, #334e55 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.10% 0.0827 60.47) 0.0%, oklch(79.76% 0.0813 64.23) 3.2%, oklch(78.05% 0.0793 70.84) 6.5%, oklch(76.02% 0.0770 78.80) 9.7%, oklch(73.71% 0.0744 86.62) 12.9%, oklch(71.18% 0.0719 92.78) 16.1%, oklch(68.46% 0.0695 95.80) 19.4%, oklch(65.59% 0.0674 94.17) 22.6%, oklch(62.60% 0.0658 86.28) 25.8%, oklch(58.81% 0.0645 69.10) 29.0%, oklch(54.26% 0.0634 44.26) 32.3%, oklch(49.40% 0.0625 14.96) 35.5%, oklch(44.64% 0.0618 344.40) 38.7%, oklch(40.42% 0.0612 315.77) 41.9%, oklch(37.17% 0.0608 292.26) 45.2%, oklch(35.31% 0.0607 277.06) 48.4%, oklch(35.34% 0.0607 273.41) 51.6%, oklch(37.60% 0.0616 282.10) 54.8%, oklch(41.54% 0.0629 299.70) 58.1%, oklch(46.46% 0.0645 322.46) 61.3%, oklch(51.69% 0.0659 346.65) 64.5%, oklch(56.55% 0.0669 8.52) 67.7%, oklch(60.36% 0.0672 24.32) 71.0%, oklch(62.43% 0.0665 30.30) 74.2%, oklch(62.33% 0.0644 23.75) 77.4%, oklch(60.54% 0.0609 6.86) 80.6%, oklch(57.54% 0.0564 342.67) 83.9%, oklch(53.80% 0.0513 314.15) 87.1%, oklch(49.76% 0.0461 284.30) 90.3%, oklch(45.90% 0.0413 256.08) 93.5%, oklch(42.68% 0.0373 232.50) 96.8%, oklch(40.55% 0.0344 216.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.083 | 60.5 |
| 2 | 0.634 | 0.066 | 89 |
| 3 | 0.35 | 0.061 | -86.4 |
| 4 | 0.626 | 0.066 | 29.8 |
| 5 | 0.406 | 0.034 | -143.5 |

## Other forms

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