# Green to dark green radial gradient

Green to dark green radial gradient with 32 colors: #78c278, #77c075, #75bc71, #73b86d, #71b468, #6eaf63, #6caa5d, #69a557, #67a052, #649a4c, #629547, #609043, #5d8b3e, #5a853a, #587f35, #557a31, #52742d, #4f6f29, #4c6925, #4a6422, #475f1e, #455a1b, #435518, #415016, #3e4b13, #3c4711, #3a420f, #383e0e, #353b0d, #33370c, #32350b, #30320b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUvl1mzaw-7ghvsnFT5A`
- Page: https://grabient.com/kUvl1mzaw-7ghvsnFT5A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- 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 | `#78c278` | `oklch(74.80% 0.1281 144.14)` | Soft Green | black, 9.8 to 1 |
| 2 | `#77c075` | `oklch(74.03% 0.1278 143.66)` | Soft Green | black, 9.5 to 1 |
| 3 | `#75bc71` | `oklch(73.05% 0.1276 143.05)` | Iguana Green | black, 9.2 to 1 |
| 4 | `#73b86d` | `oklch(71.90% 0.1273 142.34)` | Green Galore | black, 8.8 to 1 |
| 5 | `#71b468` | `oklch(70.62% 0.1270 141.53)` | Bud Green | black, 8.4 to 1 |
| 6 | `#6eaf63` | `oklch(69.21% 0.1266 140.66)` | Arugula | black, 7.9 to 1 |
| 7 | `#6caa5d` | `oklch(67.73% 0.1261 139.74)` | Ferntastic | black, 7.5 to 1 |
| 8 | `#69a557` | `oklch(66.19% 0.1254 138.79)` | Off Green | black, 7.1 to 1 |
| 9 | `#67a052` | `oklch(64.62% 0.1244 137.83)` | Astroturf | black, 6.6 to 1 |
| 10 | `#649a4c` | `oklch(63.06% 0.1233 136.89)` | Bredon Green | black, 6.2 to 1 |
| 11 | `#629547` | `oklch(61.52% 0.1218 135.98)` | Wicked Witch | black, 5.9 to 1 |
| 12 | `#609043` | `oklch(60.01% 0.1200 135.11)` | Mary’s Garden | black, 5.5 to 1 |
| 13 | `#5d8b3e` | `oklch(58.43% 0.1179 134.26)` | Hidden Paradise | black, 5.2 to 1 |
| 14 | `#5a853a` | `oklch(56.79% 0.1155 133.41)` | Shepherd’s Green | black, 4.8 to 1 |
| 15 | `#587f35` | `oklch(55.11% 0.1128 132.56)` | Hot Pepper Green | white, 4.6 to 1 |
| 16 | `#557a31` | `oklch(53.39% 0.1100 131.70)` | Luscious Lemongrass | white, 4.9 to 1 |
| 17 | `#52742d` | `oklch(51.68% 0.1070 130.82)` | Loren Forest | white, 5.3 to 1 |
| 18 | `#4f6f29` | `oklch(49.97% 0.1039 129.91)` | Loren Forest | white, 5.8 to 1 |
| 19 | `#4c6925` | `oklch(48.29% 0.1007 128.96)` | Tree Shade | white, 6.2 to 1 |
| 20 | `#4a6422` | `oklch(46.66% 0.0975 127.96)` | Camouflage Green | white, 6.7 to 1 |
| 21 | `#475f1e` | `oklch(45.09% 0.0944 126.91)` | Rainforest Matcha | white, 7.1 to 1 |
| 22 | `#455a1b` | `oklch(43.60% 0.0913 125.79)` | Obscure Olive | white, 7.6 to 1 |
| 23 | `#435518` | `oklch(42.10% 0.0879 124.51)` | Verdun Green | white, 8.2 to 1 |
| 24 | `#415016` | `oklch(40.57% 0.0842 123.09)` | Verdun Green | white, 8.7 to 1 |
| 25 | `#3e4b13` | `oklch(39.04% 0.0804 121.57)` | No Emissions Green | white, 9.3 to 1 |
| 26 | `#3c4711` | `oklch(37.55% 0.0765 120.01)` | Green Not Found | white, 10 to 1 |
| 27 | `#3a420f` | `oklch(36.11% 0.0727 118.46)` | Green Not Found | white, 10.6 to 1 |
| 28 | `#383e0e` | `oklch(34.75% 0.0690 116.95)` | Dark Olive | white, 11.2 to 1 |
| 29 | `#353b0d` | `oklch(33.51% 0.0655 115.55)` | Camouflage | white, 11.8 to 1 |
| 30 | `#33370c` | `oklch(32.40% 0.0625 114.30)` | Wasabi Nori | white, 12.3 to 1 |
| 31 | `#32350b` | `oklch(31.46% 0.0599 113.24)` | Wasabi Nori | white, 12.8 to 1 |
| 32 | `#30320b` | `oklch(30.71% 0.0579 112.44)` | Olivenite | white, 13.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #78c278 0.0%, #77c075 3.2%, #75bc71 6.5%, #73b86d 9.7%, #71b468 12.9%, #6eaf63 16.1%, #6caa5d 19.4%, #69a557 22.6%, #67a052 25.8%, #649a4c 29.0%, #629547 32.3%, #609043 35.5%, #5d8b3e 38.7%, #5a853a 41.9%, #587f35 45.2%, #557a31 48.4%, #52742d 51.6%, #4f6f29 54.8%, #4c6925 58.1%, #4a6422 61.3%, #475f1e 64.5%, #455a1b 67.7%, #435518 71.0%, #415016 74.2%, #3e4b13 77.4%, #3c4711 80.6%, #3a420f 83.9%, #383e0e 87.1%, #353b0d 90.3%, #33370c 93.5%, #32350b 96.8%, #30320b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.80% 0.1281 144.14) 0.0%, oklch(74.03% 0.1278 143.66) 3.2%, oklch(73.05% 0.1276 143.05) 6.5%, oklch(71.90% 0.1273 142.34) 9.7%, oklch(70.62% 0.1270 141.53) 12.9%, oklch(69.21% 0.1266 140.66) 16.1%, oklch(67.73% 0.1261 139.74) 19.4%, oklch(66.19% 0.1254 138.79) 22.6%, oklch(64.62% 0.1244 137.83) 25.8%, oklch(63.06% 0.1233 136.89) 29.0%, oklch(61.52% 0.1218 135.98) 32.3%, oklch(60.01% 0.1200 135.11) 35.5%, oklch(58.43% 0.1179 134.26) 38.7%, oklch(56.79% 0.1155 133.41) 41.9%, oklch(55.11% 0.1128 132.56) 45.2%, oklch(53.39% 0.1100 131.70) 48.4%, oklch(51.68% 0.1070 130.82) 51.6%, oklch(49.97% 0.1039 129.91) 54.8%, oklch(48.29% 0.1007 128.96) 58.1%, oklch(46.66% 0.0975 127.96) 61.3%, oklch(45.09% 0.0944 126.91) 64.5%, oklch(43.60% 0.0913 125.79) 67.7%, oklch(42.10% 0.0879 124.51) 71.0%, oklch(40.57% 0.0842 123.09) 74.2%, oklch(39.04% 0.0804 121.57) 77.4%, oklch(37.55% 0.0765 120.01) 80.6%, oklch(36.11% 0.0727 118.46) 83.9%, oklch(34.75% 0.0690 116.95) 87.1%, oklch(33.51% 0.0655 115.55) 90.3%, oklch(32.40% 0.0625 114.30) 93.5%, oklch(31.46% 0.0599 113.24) 96.8%, oklch(30.71% 0.0579 112.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.128 | 144.1 |
| 2 | 0.61 | 0.121 | 135.7 |
| 3 | 0.441 | 0.092 | 126.2 |
| 4 | 0.307 | 0.058 | 112.4 |

## In these collections

- [Olive color palette](https://grabient.com/olive-color-palette)

## Other forms

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