# Tan, navy, brown and gray radial gradient

Tan, navy, brown and gray radial gradient with 32 colors: #c9b98b, #acaa7e, #83926d, #59755d, #35584e, #1d4042, #13303b, #182b3e, #292d48, #423354, #5f3c5b, #7a465b, #8c5053, #925648, #8f593d, #885934, #80582f, #79592d, #755d30, #776639, #7f774b, #8d8c62, #9da37b, #acb994, #b9caa8, #bed2b4, #bcd1b7, #b5cab3, #abbfab, #a0b3a1, #96a899, #90a194. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYyC5BJI7QUEeUjAGMdapFFlgKQe`
- Page: https://grabient.com/kYyC5BJI7QUEeUjAGMdapFFlgKQe?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: 8.9 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 | `#c9b98b` | `oklch(78.74% 0.0634 91.41)` | Canvas Satchel | black, 10.7 to 1 |
| 2 | `#acaa7e` | `oklch(72.72% 0.0602 105.71)` | Brisk Olive | black, 8.7 to 1 |
| 3 | `#83926d` | `oklch(63.76% 0.0552 125.26)` | Chic Shade | black, 6.2 to 1 |
| 4 | `#59755d` | `oklch(53.39% 0.0496 148.51)` | Painted Turtle | white, 5 to 1 |
| 5 | `#35584e` | `oklch(43.16% 0.0443 173.93)` | Balsam Branch | white, 7.8 to 1 |
| 6 | `#1d4042` | `oklch(34.61% 0.0407 199.96)` | Pine Hollow | white, 11.2 to 1 |
| 7 | `#13303b` | `oklch(29.28% 0.0397 225.07)` | Tangaroa | white, 13.8 to 1 |
| 8 | `#182b3e` | `oklch(28.26% 0.0427 249.64)` | Eternal Darkness | white, 14.4 to 1 |
| 9 | `#292d48` | `oklch(30.65% 0.0493 276.22)` | Midnight Masquerade | white, 13.4 to 1 |
| 10 | `#423354` | `oklch(35.25% 0.0580 303.58)` | Devil’s Plum | white, 11.4 to 1 |
| 11 | `#5f3c5b` | `oklch(40.86% 0.0673 330.36)` | Precious Jewels | white, 9.1 to 1 |
| 12 | `#7a465b` | `oklch(46.26% 0.0756 355.20)` | Bewitching | white, 7.3 to 1 |
| 13 | `#8c5053` | `oklch(50.25% 0.0814 16.74)` | Apple Butter | white, 6.1 to 1 |
| 14 | `#925648` | `oklch(51.88% 0.0835 33.85)` | Rustic Brown | white, 5.7 to 1 |
| 15 | `#8f593d` | `oklch(51.78% 0.0830 47.11)` | Rope | white, 5.7 to 1 |
| 16 | `#885934` | `oklch(50.74% 0.0807 57.53)` | Brushwood | white, 5.9 to 1 |
| 17 | `#80582f` | `oklch(49.49% 0.0772 66.07)` | Football | white, 6.2 to 1 |
| 18 | `#79592d` | `oklch(48.74% 0.0733 73.71)` | Florentine Dream | white, 6.4 to 1 |
| 19 | `#755d30` | `oklch(49.22% 0.0694 81.41)` | Florentine Dream | white, 6.2 to 1 |
| 20 | `#776639` | `oklch(51.68% 0.0663 90.02)` | Nutria | white, 5.5 to 1 |
| 21 | `#7f774b` | `oklch(56.58% 0.0632 98.82)` | Peppered Moss | black, 4.6 to 1 |
| 22 | `#8d8c62` | `oklch(63.06% 0.0599 107.37)` | Woodland Walk | black, 6 to 1 |
| 23 | `#9da37b` | `oklch(70.09% 0.0564 115.46)` | Dill Grass | black, 7.9 to 1 |
| 24 | `#acb994` | `oklch(76.63% 0.0529 122.91)` | Chrysoprase | black, 10.1 to 1 |
| 25 | `#b9caa8` | `oklch(81.64% 0.0495 129.50)` | Pale Leaf | black, 12 to 1 |
| 26 | `#bed2b4` | `oklch(84.11% 0.0462 135.05)` | Stability | black, 13 to 1 |
| 27 | `#bcd1b7` | `oklch(83.84% 0.0427 139.49)` | Eucalyptus Leaf | black, 12.9 to 1 |
| 28 | `#b5cab3` | `oklch(81.64% 0.0391 142.98)` | Healing Aloe | black, 12 to 1 |
| 29 | `#abbfab` | `oklch(78.30% 0.0356 145.70)` | Young Gecko | black, 10.7 to 1 |
| 30 | `#a0b3a1` | `oklch(74.61% 0.0323 147.81)` | Copper Patina | black, 9.4 to 1 |
| 31 | `#96a899` | `oklch(71.34% 0.0296 149.50)` | Green Trellis | black, 8.3 to 1 |
| 32 | `#90a194` | `oklch(69.29% 0.0276 150.94)` | Pewter | black, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c9b98b 0.0%, #acaa7e 3.2%, #83926d 6.5%, #59755d 9.7%, #35584e 12.9%, #1d4042 16.1%, #13303b 19.4%, #182b3e 22.6%, #292d48 25.8%, #423354 29.0%, #5f3c5b 32.3%, #7a465b 35.5%, #8c5053 38.7%, #925648 41.9%, #8f593d 45.2%, #885934 48.4%, #80582f 51.6%, #79592d 54.8%, #755d30 58.1%, #776639 61.3%, #7f774b 64.5%, #8d8c62 67.7%, #9da37b 71.0%, #acb994 74.2%, #b9caa8 77.4%, #bed2b4 80.6%, #bcd1b7 83.9%, #b5cab3 87.1%, #abbfab 90.3%, #a0b3a1 93.5%, #96a899 96.8%, #90a194 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.0634 91.41) 0.0%, oklch(72.72% 0.0602 105.71) 3.2%, oklch(63.76% 0.0552 125.26) 6.5%, oklch(53.39% 0.0496 148.51) 9.7%, oklch(43.16% 0.0443 173.93) 12.9%, oklch(34.61% 0.0407 199.96) 16.1%, oklch(29.28% 0.0397 225.07) 19.4%, oklch(28.26% 0.0427 249.64) 22.6%, oklch(30.65% 0.0493 276.22) 25.8%, oklch(35.25% 0.0580 303.58) 29.0%, oklch(40.86% 0.0673 330.36) 32.3%, oklch(46.26% 0.0756 355.20) 35.5%, oklch(50.25% 0.0814 16.74) 38.7%, oklch(51.88% 0.0835 33.85) 41.9%, oklch(51.78% 0.0830 47.11) 45.2%, oklch(50.74% 0.0807 57.53) 48.4%, oklch(49.49% 0.0772 66.07) 51.6%, oklch(48.74% 0.0733 73.71) 54.8%, oklch(49.22% 0.0694 81.41) 58.1%, oklch(51.68% 0.0663 90.02) 61.3%, oklch(56.58% 0.0632 98.82) 64.5%, oklch(63.06% 0.0599 107.37) 67.7%, oklch(70.09% 0.0564 115.46) 71.0%, oklch(76.63% 0.0529 122.91) 74.2%, oklch(81.64% 0.0495 129.50) 77.4%, oklch(84.11% 0.0462 135.05) 80.6%, oklch(83.84% 0.0427 139.49) 83.9%, oklch(81.64% 0.0391 142.98) 87.1%, oklch(78.30% 0.0356 145.70) 90.3%, oklch(74.61% 0.0323 147.81) 93.5%, oklch(71.34% 0.0296 149.50) 96.8%, oklch(69.29% 0.0276 150.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.063 | 91.4 |
| 2 | 0.287 | 0.04 | 229.8 |
| 3 | 0.512 | 0.083 | 384.1 |
| 4 | 0.504 | 0.068 | 446.5 |
| 5 | 0.839 | 0.047 | 494 |
| 6 | 0.693 | 0.028 | 510.9 |

## Other forms

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