# Vivid brown, green, orange and teal radial gradient

Vivid brown, green, orange and teal radial gradient with 64 colors: #a04e2c, #a15129, #a25525, #a25a20, #a25f1a, #a26515, #a06c12, #9e7413, #9b7b19, #978322, #928a2d, #8d9239, #879945, #819f51, #7aa55d, #74ab68, #6fb072, #6ab47b, #66b782, #63ba88, #60bc8c, #60bd8e, #60be8c, #63be89, #67bd82, #6ebc79, #77ba6d, #81b65f, #8db24f, #99ad3d, #a5a626, #b19f00, #ba9700, #c29000, #c88800, #ce8000, #d47700, #d96e00, #dc6711, #dc611f, #dc5d26, #db5a29, #d95926, #d6591f, #d35a0d, #cc5f00, #c26500, #b86b00, #ae7000, #a47400, #997800, #8d7c00, #808000, #6f840b, #5d872c, #498941, #358a51, #1e895f, #00886b, #008675, #00847d, #008382, #008187, #00808b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUhFYeXKnN08-sdFolNg`
- Page: https://grabient.com/kUhFYeXKnN08-sdFolNg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.5 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 | `#a04e2c` | `oklch(51.97% 0.1185 42.19)` | Catlinite | white, 5.8 to 1 |
| 2 | `#a15129` | `oklch(52.55% 0.1183 45.50)` | Texas Ranger Brown | white, 5.6 to 1 |
| 3 | `#a25525` | `oklch(53.27% 0.1180 49.76)` | Warmth | white, 5.4 to 1 |
| 4 | `#a25a20` | `oklch(54.13% 0.1176 54.86)` | Bright Bronze | white, 5.2 to 1 |
| 5 | `#a25f1a` | `oklch(55.10% 0.1171 60.69)` | Soft Tone Ink | white, 5 to 1 |
| 6 | `#a26515` | `oklch(56.17% 0.1165 67.12)` | Syrah Soil | white, 4.7 to 1 |
| 7 | `#a06c12` | `oklch(57.33% 0.1158 74.05)` | Cinnamon Brown | black, 4.6 to 1 |
| 8 | `#9e7413` | `oklch(58.54% 0.1151 81.37)` | Barbarian Leather | black, 4.9 to 1 |
| 9 | `#9b7b19` | `oklch(59.81% 0.1144 88.94)` | Yellowish Brown | black, 5.2 to 1 |
| 10 | `#978322` | `oklch(61.10% 0.1138 96.67)` | Lemon Ginger | black, 5.5 to 1 |
| 11 | `#928a2d` | `oklch(62.41% 0.1131 104.44)` | Potter Green | black, 5.9 to 1 |
| 12 | `#8d9239` | `oklch(63.72% 0.1125 112.13)` | Bean Shoot | black, 6.2 to 1 |
| 13 | `#879945` | `oklch(65.00% 0.1120 119.62)` | Café de Paris | black, 6.6 to 1 |
| 14 | `#819f51` | `oklch(66.25% 0.1116 126.81)` | Nasturtium Shoot | black, 7 to 1 |
| 15 | `#7aa55d` | `oklch(67.44% 0.1113 133.58)` | Grassy Meadow | black, 7.4 to 1 |
| 16 | `#74ab68` | `oklch(68.56% 0.1112 139.81)` | Ferntastic | black, 7.7 to 1 |
| 17 | `#6fb072` | `oklch(69.59% 0.1112 145.38)` | Pale Green | black, 8 to 1 |
| 18 | `#6ab47b` | `oklch(70.52% 0.1113 150.20)` | Appleton | black, 8.3 to 1 |
| 19 | `#66b782` | `oklch(71.32% 0.1117 154.13)` | Green Garter | black, 8.6 to 1 |
| 20 | `#63ba88` | `oklch(71.99% 0.1124 157.06)` | Green Garter | black, 8.8 to 1 |
| 21 | `#60bc8c` | `oklch(72.50% 0.1132 158.89)` | Techno Turquoise | black, 9 to 1 |
| 22 | `#60bd8e` | `oklch(72.83% 0.1144 159.49)` | Techno Turquoise | black, 9.1 to 1 |
| 23 | `#60be8c` | `oklch(73.01% 0.1159 158.61)` | Techno Turquoise | black, 9.2 to 1 |
| 24 | `#63be89` | `oklch(73.04% 0.1180 156.18)` | Young Bamboo | black, 9.2 to 1 |
| 25 | `#67bd82` | `oklch(72.94% 0.1206 152.36)` | Spearmint Burst | black, 9.2 to 1 |
| 26 | `#6ebc79` | `oklch(72.73% 0.1235 147.34)` | Young Fern | black, 9.1 to 1 |
| 27 | `#77ba6d` | `oklch(72.41% 0.1268 141.27)` | Primo | black, 8.9 to 1 |
| 28 | `#81b65f` | `oklch(72.00% 0.1304 134.33)` | Bud Green | black, 8.8 to 1 |
| 29 | `#8db24f` | `oklch(71.51% 0.1341 126.69)` | Usumoegi Green | black, 8.6 to 1 |
| 30 | `#99ad3d` | `oklch(70.94% 0.1380 118.51)` | Macaw Green | black, 8.3 to 1 |
| 31 | `#a5a626` | `oklch(70.32% 0.1420 109.96)` | Mikado Green | black, 8.1 to 1 |
| 32 | `#b19f00` | `oklch(69.64% 0.1454 101.20)` | Snakebite Leather | black, 7.8 to 1 |
| 33 | `#ba9700` | `oklch(68.93% 0.1411 92.42)` | Hidden Tribe | black, 7.5 to 1 |
| 34 | `#c29000` | `oklch(68.19% 0.1400 83.77)` | Moutarde de Bénichon | black, 7.2 to 1 |
| 35 | `#c88800` | `oklch(67.44% 0.1420 75.43)` | Auric | black, 6.9 to 1 |
| 36 | `#ce8000` | `oklch(66.68% 0.1468 67.57)` | Bamboo Brown | black, 6.7 to 1 |
| 37 | `#d47700` | `oklch(65.93% 0.1541 60.35)` | Autumn Leaf Orange | black, 6.4 to 1 |
| 38 | `#d96e00` | `oklch(65.20% 0.1635 53.95)` | Marmalade | black, 6.1 to 1 |
| 39 | `#dc6711` | `oklch(64.50% 0.1688 48.55)` | Tiger Moth Orange | black, 5.9 to 1 |
| 40 | `#dc611f` | `oklch(63.83% 0.1706 44.29)` | Vivid Red Tangelo | black, 5.8 to 1 |
| 41 | `#dc5d26` | `oklch(63.22% 0.1718 41.34)` | Full of Life | black, 5.6 to 1 |
| 42 | `#db5a29` | `oklch(62.68% 0.1724 39.88)` | War Paint Red | black, 5.5 to 1 |
| 43 | `#d95926` | `oklch(62.20% 0.1722 40.07)` | War Paint Red | black, 5.4 to 1 |
| 44 | `#d6591f` | `oklch(61.77% 0.1714 41.96)` | Lāl Red | black, 5.3 to 1 |
| 45 | `#d35a0d` | `oklch(61.34% 0.1698 45.37)` | Exuberance | black, 5.2 to 1 |
| 46 | `#cc5f00` | `oklch(60.91% 0.1607 50.12)` | Kvass | black, 5.2 to 1 |
| 47 | `#c26500` | `oklch(60.47% 0.1478 56.13)` | Hawaiian Sunset | black, 5.1 to 1 |
| 48 | `#b86b00` | `oklch(60.05% 0.1367 63.21)` | Indocile Tiger | black, 5.1 to 1 |
| 49 | `#ae7000` | `oklch(59.62% 0.1282 71.24)` | Caramel | black, 5.1 to 1 |
| 50 | `#a47400` | `oklch(59.20% 0.1226 80.05)` | Barbarian Leather | black, 5 to 1 |
| 51 | `#997800` | `oklch(58.79% 0.1201 89.51)` | Mesozoic Green | black, 5 to 1 |
| 52 | `#8d7c00` | `oklch(58.39% 0.1212 99.48)` | Moscow Papyrus | black, 5 to 1 |
| 53 | `#808000` | `oklch(57.99% 0.1264 109.79)` | Drably Olive | black, 4.9 to 1 |
| 54 | `#6f840b` | `oklch(57.61% 0.1341 120.31)` | Swamp Green | black, 4.9 to 1 |
| 55 | `#5d872c` | `oklch(57.24% 0.1290 130.89)` | Weeping Fig | black, 4.9 to 1 |
| 56 | `#498941` | `oklch(56.89% 0.1240 141.39)` | Beating Around the Bush | black, 4.9 to 1 |
| 57 | `#358a51` | `oklch(56.55% 0.1191 151.66)` | Lake Green | black, 4.8 to 1 |
| 58 | `#1e895f` | `oklch(56.22% 0.1144 161.55)` | Absinthe Turquoise | black, 4.8 to 1 |
| 59 | `#00886b` | `oklch(55.92% 0.1096 170.92)` | Celtic Queen | black, 4.7 to 1 |
| 60 | `#008675` | `oklch(55.64% 0.1012 179.63)` | Summer Turquoise | black, 4.6 to 1 |
| 61 | `#00847d` | `oklch(55.38% 0.0965 187.54)` | Egyptian Green | black, 4.6 to 1 |
| 62 | `#008382` | `oklch(55.14% 0.0942 194.49)` | Marine Teal | white, 4.6 to 1 |
| 63 | `#008187` | `oklch(54.92% 0.0934 200.33)` | Precious Blue | white, 4.6 to 1 |
| 64 | `#00808b` | `oklch(54.73% 0.0934 204.93)` | Briny | white, 4.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a04e2c 0.0%, #a15129 1.6%, #a25525 3.2%, #a25a20 4.8%, #a25f1a 6.3%, #a26515 7.9%, #a06c12 9.5%, #9e7413 11.1%, #9b7b19 12.7%, #978322 14.3%, #928a2d 15.9%, #8d9239 17.5%, #879945 19.0%, #819f51 20.6%, #7aa55d 22.2%, #74ab68 23.8%, #6fb072 25.4%, #6ab47b 27.0%, #66b782 28.6%, #63ba88 30.2%, #60bc8c 31.7%, #60bd8e 33.3%, #60be8c 34.9%, #63be89 36.5%, #67bd82 38.1%, #6ebc79 39.7%, #77ba6d 41.3%, #81b65f 42.9%, #8db24f 44.4%, #99ad3d 46.0%, #a5a626 47.6%, #b19f00 49.2%, #ba9700 50.8%, #c29000 52.4%, #c88800 54.0%, #ce8000 55.6%, #d47700 57.1%, #d96e00 58.7%, #dc6711 60.3%, #dc611f 61.9%, #dc5d26 63.5%, #db5a29 65.1%, #d95926 66.7%, #d6591f 68.3%, #d35a0d 69.8%, #cc5f00 71.4%, #c26500 73.0%, #b86b00 74.6%, #ae7000 76.2%, #a47400 77.8%, #997800 79.4%, #8d7c00 81.0%, #808000 82.5%, #6f840b 84.1%, #5d872c 85.7%, #498941 87.3%, #358a51 88.9%, #1e895f 90.5%, #00886b 92.1%, #008675 93.7%, #00847d 95.2%, #008382 96.8%, #008187 98.4%, #00808b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.97% 0.1185 42.19) 0.0%, oklch(52.55% 0.1183 45.50) 1.6%, oklch(53.27% 0.1180 49.76) 3.2%, oklch(54.13% 0.1176 54.86) 4.8%, oklch(55.10% 0.1171 60.69) 6.3%, oklch(56.17% 0.1165 67.12) 7.9%, oklch(57.33% 0.1158 74.05) 9.5%, oklch(58.54% 0.1151 81.37) 11.1%, oklch(59.81% 0.1144 88.94) 12.7%, oklch(61.10% 0.1138 96.67) 14.3%, oklch(62.41% 0.1131 104.44) 15.9%, oklch(63.72% 0.1125 112.13) 17.5%, oklch(65.00% 0.1120 119.62) 19.0%, oklch(66.25% 0.1116 126.81) 20.6%, oklch(67.44% 0.1113 133.58) 22.2%, oklch(68.56% 0.1112 139.81) 23.8%, oklch(69.59% 0.1112 145.38) 25.4%, oklch(70.52% 0.1113 150.20) 27.0%, oklch(71.32% 0.1117 154.13) 28.6%, oklch(71.99% 0.1124 157.06) 30.2%, oklch(72.50% 0.1132 158.89) 31.7%, oklch(72.83% 0.1144 159.49) 33.3%, oklch(73.01% 0.1159 158.61) 34.9%, oklch(73.04% 0.1180 156.18) 36.5%, oklch(72.94% 0.1206 152.36) 38.1%, oklch(72.73% 0.1235 147.34) 39.7%, oklch(72.41% 0.1268 141.27) 41.3%, oklch(72.00% 0.1304 134.33) 42.9%, oklch(71.51% 0.1341 126.69) 44.4%, oklch(70.94% 0.1380 118.51) 46.0%, oklch(70.32% 0.1420 109.96) 47.6%, oklch(69.64% 0.1454 101.20) 49.2%, oklch(68.93% 0.1411 92.42) 50.8%, oklch(68.19% 0.1400 83.77) 52.4%, oklch(67.44% 0.1420 75.43) 54.0%, oklch(66.68% 0.1468 67.57) 55.6%, oklch(65.93% 0.1541 60.35) 57.1%, oklch(65.20% 0.1635 53.95) 58.7%, oklch(64.50% 0.1688 48.55) 60.3%, oklch(63.83% 0.1706 44.29) 61.9%, oklch(63.22% 0.1718 41.34) 63.5%, oklch(62.68% 0.1724 39.88) 65.1%, oklch(62.20% 0.1722 40.07) 66.7%, oklch(61.77% 0.1714 41.96) 68.3%, oklch(61.34% 0.1698 45.37) 69.8%, oklch(60.91% 0.1607 50.12) 71.4%, oklch(60.47% 0.1478 56.13) 73.0%, oklch(60.05% 0.1367 63.21) 74.6%, oklch(59.62% 0.1282 71.24) 76.2%, oklch(59.20% 0.1226 80.05) 77.8%, oklch(58.79% 0.1201 89.51) 79.4%, oklch(58.39% 0.1212 99.48) 81.0%, oklch(57.99% 0.1264 109.79) 82.5%, oklch(57.61% 0.1341 120.31) 84.1%, oklch(57.24% 0.1290 130.89) 85.7%, oklch(56.89% 0.1240 141.39) 87.3%, oklch(56.55% 0.1191 151.66) 88.9%, oklch(56.22% 0.1144 161.55) 90.5%, oklch(55.92% 0.1096 170.92) 92.1%, oklch(55.64% 0.1012 179.63) 93.7%, oklch(55.38% 0.0965 187.54) 95.2%, oklch(55.14% 0.0942 194.49) 96.8%, oklch(54.92% 0.0934 200.33) 98.4%, oklch(54.73% 0.0934 204.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.119 | 42.2 |
| 2 | 0.728 | 0.114 | 159.5 |
| 3 | 0.622 | 0.172 | 40.1 |
| 4 | 0.547 | 0.094 | 204.9 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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