# Analogous olive, brown, gray and tan radial gradient

Analogous olive, brown, gray and tan radial gradient with 40 colors: #889049, #8c8f44, #918d3d, #988b34, #9f882b, #a78624, #ae8520, #b38524, #b7882c, #b98f3c, #bb994f, #bca564, #bdb079, #bfba8c, #c2c19b, #c4c5a4, #c5c4a5, #c2bf9c, #bfb58d, #bca979, #ba9b66, #b98d55, #b88349, #b97e45, #bb814a, #c18c59, #c99e6f, #d2b289, #dbc6a4, #e3d7bc, #e8e2ce, #e8e5d5, #e0dece, #cfcfbc, #b9baa3, #9fa385, #858c68, #6c764d, #586537, #4a5a28. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYoEVRUyu7-ePwzRpbqdIfELgbww`
- Page: https://grabient.com/kYoEVRUyu7-ePwzRpbqdIfELgbww?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#889049` | `oklch(62.99% 0.0951 113.91)` | Vintage Vibe | black, 6.1 to 1 |
| 2 | `#8c8f44` | `oklch(63.08% 0.0978 110.78)` | Martina Olive | black, 6.1 to 1 |
| 3 | `#918d3d` | `oklch(63.09% 0.1022 106.13)` | Highball | black, 6.1 to 1 |
| 4 | `#988b34` | `oklch(63.10% 0.1075 100.57)` | Parsnip Root | black, 6 to 1 |
| 5 | `#9f882b` | `oklch(63.18% 0.1128 94.70)` | Parsnip Root | black, 6 to 1 |
| 6 | `#a78624` | `oklch(63.39% 0.1175 89.11)` | Super Gold | black, 6 to 1 |
| 7 | `#ae8520` | `oklch(63.82% 0.1206 84.40)` | Arrowwood | black, 6.1 to 1 |
| 8 | `#b38524` | `oklch(64.53% 0.1214 81.19)` | Arrowwood | black, 6.2 to 1 |
| 9 | `#b7882c` | `oklch(65.61% 0.1191 80.07)` | University of California Gold | black, 6.5 to 1 |
| 10 | `#b98f3c` | `oklch(67.41% 0.1122 81.67)` | Trading Post | black, 7 to 1 |
| 11 | `#bb994f` | `oklch(69.86% 0.1016 85.47)` | Tangy Green | black, 7.7 to 1 |
| 12 | `#bca564` | `oklch(72.65% 0.0887 90.61)` | Southern Moss | black, 8.6 to 1 |
| 13 | `#bdb079` | `oklch(75.49% 0.0750 96.25)` | Gracious Glow | black, 9.6 to 1 |
| 14 | `#bfba8c` | `oklch(78.08% 0.0620 101.54)` | Goody Two Shoes | black, 10.5 to 1 |
| 15 | `#c2c19b` | `oklch(80.12% 0.0513 105.63)` | Chameleon Tango | black, 11.3 to 1 |
| 16 | `#c4c5a4` | `oklch(81.31% 0.0444 107.67)` | Sage Splendour | black, 11.8 to 1 |
| 17 | `#c5c4a5` | `oklch(81.32% 0.0428 106.82)` | Ta Prohm | black, 11.8 to 1 |
| 18 | `#c2bf9c` | `oklch(79.82% 0.0472 102.74)` | Fields Afar | black, 11.2 to 1 |
| 19 | `#bfb58d` | `oklch(77.16% 0.0559 96.29)` | Bayou Shade | black, 10.2 to 1 |
| 20 | `#bca979` | `oklch(73.86% 0.0673 88.45)` | Inner Cervela | black, 9 to 1 |
| 21 | `#ba9b66` | `oklch(70.40% 0.0795 80.20)` | Rustic City | black, 7.9 to 1 |
| 22 | `#b98d55` | `oklch(67.29% 0.0907 72.50)` | Summer Weasel | black, 6.9 to 1 |
| 23 | `#b88349` | `oklch(65.01% 0.0993 66.33)` | Arrakis Spice | black, 6.3 to 1 |
| 24 | `#b97e45` | `oklch(64.07% 0.1034 62.67)` | Spruce Yellow | black, 6.1 to 1 |
| 25 | `#bb814a` | `oklch(65.03% 0.1013 62.25)` | Arrakis Spice | black, 6.3 to 1 |
| 26 | `#c18c59` | `oklch(68.18% 0.0934 64.38)` | Espresso Tonic | black, 7.1 to 1 |
| 27 | `#c99e6f` | `oklch(72.82% 0.0813 68.43)` | Gingersnap | black, 8.6 to 1 |
| 28 | `#d2b289` | `oklch(78.20% 0.0669 73.81)` | Summerwood | black, 10.4 to 1 |
| 29 | `#dbc6a4` | `oklch(83.56% 0.0519 79.95)` | Toasted Pine Nut | black, 12.6 to 1 |
| 30 | `#e3d7bc` | `oklch(88.14% 0.0381 86.29)` | Cornerstone | black, 14.6 to 1 |
| 31 | `#e8e2ce` | `oklch(91.18% 0.0272 92.24)` | Shearling | black, 16.1 to 1 |
| 32 | `#e8e5d5` | `oklch(91.93% 0.0212 97.22)` | Ash White | black, 16.5 to 1 |
| 33 | `#e0dece` | `oklch(89.73% 0.0209 101.28)` | Cappuccino Cosmico | black, 15.4 to 1 |
| 34 | `#cfcfbc` | `oklch(84.90% 0.0251 105.34)` | Liveable Green | black, 13.2 to 1 |
| 35 | `#b9baa3` | `oklch(78.21% 0.0326 109.33)` | Restful | black, 10.6 to 1 |
| 36 | `#9fa385` | `oklch(70.44% 0.0420 113.14)` | Zebra Grass | black, 8 to 1 |
| 37 | `#858c68` | `oklch(62.37% 0.0523 116.67)` | Pesto Paste | black, 5.9 to 1 |
| 38 | `#6c764d` | `oklch(54.77% 0.0622 119.80)` | Ranger Station | white, 4.8 to 1 |
| 39 | `#586537` | `oklch(48.42% 0.0704 122.44)` | Marsh Mix | white, 6.2 to 1 |
| 40 | `#4a5a28` | `oklch(44.09% 0.0758 124.47)` | Obscure Olive | white, 7.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #889049 0.0%, #8c8f44 2.6%, #918d3d 5.1%, #988b34 7.7%, #9f882b 10.3%, #a78624 12.8%, #ae8520 15.4%, #b38524 17.9%, #b7882c 20.5%, #b98f3c 23.1%, #bb994f 25.6%, #bca564 28.2%, #bdb079 30.8%, #bfba8c 33.3%, #c2c19b 35.9%, #c4c5a4 38.5%, #c5c4a5 41.0%, #c2bf9c 43.6%, #bfb58d 46.2%, #bca979 48.7%, #ba9b66 51.3%, #b98d55 53.8%, #b88349 56.4%, #b97e45 59.0%, #bb814a 61.5%, #c18c59 64.1%, #c99e6f 66.7%, #d2b289 69.2%, #dbc6a4 71.8%, #e3d7bc 74.4%, #e8e2ce 76.9%, #e8e5d5 79.5%, #e0dece 82.1%, #cfcfbc 84.6%, #b9baa3 87.2%, #9fa385 89.7%, #858c68 92.3%, #6c764d 94.9%, #586537 97.4%, #4a5a28 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.99% 0.0951 113.91) 0.0%, oklch(63.08% 0.0978 110.78) 2.6%, oklch(63.09% 0.1022 106.13) 5.1%, oklch(63.10% 0.1075 100.57) 7.7%, oklch(63.18% 0.1128 94.70) 10.3%, oklch(63.39% 0.1175 89.11) 12.8%, oklch(63.82% 0.1206 84.40) 15.4%, oklch(64.53% 0.1214 81.19) 17.9%, oklch(65.61% 0.1191 80.07) 20.5%, oklch(67.41% 0.1122 81.67) 23.1%, oklch(69.86% 0.1016 85.47) 25.6%, oklch(72.65% 0.0887 90.61) 28.2%, oklch(75.49% 0.0750 96.25) 30.8%, oklch(78.08% 0.0620 101.54) 33.3%, oklch(80.12% 0.0513 105.63) 35.9%, oklch(81.31% 0.0444 107.67) 38.5%, oklch(81.32% 0.0428 106.82) 41.0%, oklch(79.82% 0.0472 102.74) 43.6%, oklch(77.16% 0.0559 96.29) 46.2%, oklch(73.86% 0.0673 88.45) 48.7%, oklch(70.40% 0.0795 80.20) 51.3%, oklch(67.29% 0.0907 72.50) 53.8%, oklch(65.01% 0.0993 66.33) 56.4%, oklch(64.07% 0.1034 62.67) 59.0%, oklch(65.03% 0.1013 62.25) 61.5%, oklch(68.18% 0.0934 64.38) 64.1%, oklch(72.82% 0.0813 68.43) 66.7%, oklch(78.20% 0.0669 73.81) 69.2%, oklch(83.56% 0.0519 79.95) 71.8%, oklch(88.14% 0.0381 86.29) 74.4%, oklch(91.18% 0.0272 92.24) 76.9%, oklch(91.93% 0.0212 97.22) 79.5%, oklch(89.73% 0.0209 101.28) 82.1%, oklch(84.90% 0.0251 105.34) 84.6%, oklch(78.21% 0.0326 109.33) 87.2%, oklch(70.44% 0.0420 113.14) 89.7%, oklch(62.37% 0.0523 116.67) 92.3%, oklch(54.77% 0.0622 119.80) 94.9%, oklch(48.42% 0.0704 122.44) 97.4%, oklch(44.09% 0.0758 124.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.095 | 113.9 |
| 2 | 0.654 | 0.12 | 80.1 |
| 3 | 0.815 | 0.043 | 107.6 |
| 4 | 0.642 | 0.103 | 62.1 |
| 5 | 0.917 | 0.021 | 98.1 |
| 6 | 0.441 | 0.076 | 124.5 |

## Other forms

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