# Tan, black, olive and brown radial gradient

Tan, black, olive and brown radial gradient with 40 colors: #c3c091, #c0b888, #bdac7d, #b89e71, #b28f66, #ab7f5c, #a17054, #97634d, #8c5746, #804c3c, #734230, #653722, #582e15, #4b2509, #411e03, #391702, #341206, #2e0f0d, #270e14, #200f19, #1a121c, #17151d, #17191e, #1a1e22, #1e272b, #223539, #264947, #2e5f52, #417656, #5e8954, #7e984d, #9aa147, #ada346, #b8a24a, #bb9f51, #b99b58, #b4965f, #ae9264, #a98f68, #a68d6b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYyy5Kwhu4J6WQIfBCy16mwdOUu8`
- Page: https://grabient.com/kYyy5Kwhu4J6WQIfBCy16mwdOUu8?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 9.8 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 | `#c3c091` | `oklch(79.92% 0.0634 104.77)` | Brimstone Butterfly | black, 11.2 to 1 |
| 2 | `#c0b888` | `oklch(77.70% 0.0646 99.05)` | Baby Bok Choy | black, 10.4 to 1 |
| 3 | `#bdac7d` | `oklch(74.74% 0.0664 90.88)` | Nettle | black, 9.3 to 1 |
| 4 | `#b89e71` | `oklch(71.21% 0.0685 81.11)` | Gould Gold | black, 8.1 to 1 |
| 5 | `#b28f66` | `oklch(67.29% 0.0708 70.62)` | Beast Hide | black, 7 to 1 |
| 6 | `#ab7f5c` | `oklch(63.16% 0.0729 60.25)` | Roman Brick | black, 5.9 to 1 |
| 7 | `#a17054` | `oklch(58.99% 0.0746 50.87)` | Whetstone Brown | black, 4.9 to 1 |
| 8 | `#97634d` | `oklch(54.97% 0.0756 43.35)` | Majolica Earthenware | white, 5 to 1 |
| 9 | `#8c5746` | `oklch(51.24% 0.0757 38.57)` | True Copper | white, 5.8 to 1 |
| 10 | `#804c3c` | `oklch(47.38% 0.0753 37.84)` | Red Chipotle | white, 6.9 to 1 |
| 11 | `#734230` | `oklch(43.27% 0.0745 40.39)` | Lava Core | white, 8.2 to 1 |
| 12 | `#653722` | `oklch(39.09% 0.0732 44.70)` | Chubby Chocolate | white, 9.8 to 1 |
| 13 | `#582e15` | `oklch(35.02% 0.0715 49.27)` | Fudge Brownie | white, 11.5 to 1 |
| 14 | `#4b2509` | `oklch(31.23% 0.0693 52.59)` | Brown Study | white, 13.3 to 1 |
| 15 | `#411e03` | `oklch(27.91% 0.0664 53.15)` | Dark Ebony | white, 14.9 to 1 |
| 16 | `#391702` | `oklch(25.24% 0.0630 49.44)` | American Bronze | white, 16.1 to 1 |
| 17 | `#341206` | `oklch(23.33% 0.0587 40.02)` | Chocolate Melange | white, 17 to 1 |
| 18 | `#2e0f0d` | `oklch(21.79% 0.0518 25.05)` | Dark Danger | white, 17.6 to 1 |
| 19 | `#270e14` | `oklch(20.60% 0.0429 5.81)` | Italian Roast | white, 18 to 1 |
| 20 | `#200f19` | `oklch(19.86% 0.0332 343.55)` | Shot in the Dark | white, 18.3 to 1 |
| 21 | `#1a121c` | `oklch(19.66% 0.0239 319.53)` | Back in Black | white, 18.3 to 1 |
| 22 | `#17151d` | `oklch(20.11% 0.0161 295.03)` | Eigengrau | white, 18.1 to 1 |
| 23 | `#17191e` | `oklch(21.30% 0.0111 271.31)` | Aswad Black | white, 17.6 to 1 |
| 24 | `#1a1e22` | `oklch(23.34% 0.0101 249.61)` | Satin Deep Black | white, 16.7 to 1 |
| 25 | `#1e272b` | `oklch(26.52% 0.0144 230.41)` | Black Pearl | white, 15.2 to 1 |
| 26 | `#223539` | `oklch(31.47% 0.0250 211.25)` | Cruel Sea | white, 12.8 to 1 |
| 27 | `#264947` | `oklch(37.74% 0.0401 192.20)` | June Bug | white, 9.9 to 1 |
| 28 | `#2e5f52` | `oklch(44.72% 0.0577 173.68)` | Holly Bush | white, 7.2 to 1 |
| 29 | `#417656` | `oklch(51.86% 0.0759 156.08)` | Killarney | white, 5.3 to 1 |
| 30 | `#5e8954` | `oklch(58.55% 0.0926 139.82)` | Hippie Green | black, 5.2 to 1 |
| 31 | `#7e984d` | `oklch(64.24% 0.1058 125.30)` | Bamboo Grass Green | black, 6.4 to 1 |
| 32 | `#9aa147` | `oklch(68.32% 0.1136 112.93)` | Fresh Apple | black, 7.5 to 1 |
| 33 | `#ada346` | `oklch(70.53% 0.1148 103.04)` | Desert Locust | black, 8.1 to 1 |
| 34 | `#b8a24a` | `oklch(71.36% 0.1108 95.43)` | Sea Squash | black, 8.2 to 1 |
| 35 | `#bb9f51` | `oklch(71.15% 0.1031 89.70)` | Underbrush | black, 8.1 to 1 |
| 36 | `#b99b58` | `oklch(70.22% 0.0930 85.48)` | Escapade Gold | black, 7.8 to 1 |
| 37 | `#b4965f` | `oklch(68.90% 0.0819 82.38)` | Edgy Gold | black, 7.5 to 1 |
| 38 | `#ae9264` | `oklch(67.50% 0.0712 80.00)` | Gathering Place | black, 7.1 to 1 |
| 39 | `#a98f68` | `oklch(66.34% 0.0623 77.96)` | Rattan Basket | black, 6.7 to 1 |
| 40 | `#a68d6b` | `oklch(65.75% 0.0565 75.88)` | Ammonite Fossil | black, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c3c091 0.0%, #c0b888 2.6%, #bdac7d 5.1%, #b89e71 7.7%, #b28f66 10.3%, #ab7f5c 12.8%, #a17054 15.4%, #97634d 17.9%, #8c5746 20.5%, #804c3c 23.1%, #734230 25.6%, #653722 28.2%, #582e15 30.8%, #4b2509 33.3%, #411e03 35.9%, #391702 38.5%, #341206 41.0%, #2e0f0d 43.6%, #270e14 46.2%, #200f19 48.7%, #1a121c 51.3%, #17151d 53.8%, #17191e 56.4%, #1a1e22 59.0%, #1e272b 61.5%, #223539 64.1%, #264947 66.7%, #2e5f52 69.2%, #417656 71.8%, #5e8954 74.4%, #7e984d 76.9%, #9aa147 79.5%, #ada346 82.1%, #b8a24a 84.6%, #bb9f51 87.2%, #b99b58 89.7%, #b4965f 92.3%, #ae9264 94.9%, #a98f68 97.4%, #a68d6b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(79.92% 0.0634 104.77) 0.0%, oklch(77.70% 0.0646 99.05) 2.6%, oklch(74.74% 0.0664 90.88) 5.1%, oklch(71.21% 0.0685 81.11) 7.7%, oklch(67.29% 0.0708 70.62) 10.3%, oklch(63.16% 0.0729 60.25) 12.8%, oklch(58.99% 0.0746 50.87) 15.4%, oklch(54.97% 0.0756 43.35) 17.9%, oklch(51.24% 0.0757 38.57) 20.5%, oklch(47.38% 0.0753 37.84) 23.1%, oklch(43.27% 0.0745 40.39) 25.6%, oklch(39.09% 0.0732 44.70) 28.2%, oklch(35.02% 0.0715 49.27) 30.8%, oklch(31.23% 0.0693 52.59) 33.3%, oklch(27.91% 0.0664 53.15) 35.9%, oklch(25.24% 0.0630 49.44) 38.5%, oklch(23.33% 0.0587 40.02) 41.0%, oklch(21.79% 0.0518 25.05) 43.6%, oklch(20.60% 0.0429 5.81) 46.2%, oklch(19.86% 0.0332 343.55) 48.7%, oklch(19.66% 0.0239 319.53) 51.3%, oklch(20.11% 0.0161 295.03) 53.8%, oklch(21.30% 0.0111 271.31) 56.4%, oklch(23.34% 0.0101 249.61) 59.0%, oklch(26.52% 0.0144 230.41) 61.5%, oklch(31.47% 0.0250 211.25) 64.1%, oklch(37.74% 0.0401 192.20) 66.7%, oklch(44.72% 0.0577 173.68) 69.2%, oklch(51.86% 0.0759 156.08) 71.8%, oklch(58.55% 0.0926 139.82) 74.4%, oklch(64.24% 0.1058 125.30) 76.9%, oklch(68.32% 0.1136 112.93) 79.5%, oklch(70.53% 0.1148 103.04) 82.1%, oklch(71.36% 0.1108 95.43) 84.6%, oklch(71.15% 0.1031 89.70) 87.2%, oklch(70.22% 0.0930 85.48) 89.7%, oklch(68.90% 0.0819 82.38) 92.3%, oklch(67.50% 0.0712 80.00) 94.9%, oklch(66.34% 0.0623 77.96) 97.4%, oklch(65.75% 0.0565 75.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.063 | 104.8 |
| 2 | 0.52 | 0.076 | 39.2 |
| 3 | 0.24 | 0.061 | 44.5 |
| 4 | 0.244 | 0.011 | -118.2 |
| 5 | 0.689 | 0.114 | -249.2 |
| 6 | 0.657 | 0.056 | -284.1 |

## Other forms

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