# Analogous light green to brown radial gradient

Analogous light green to brown radial gradient with 9 colors: #d6f2d2, #c5ebbf, #9bd893, #5dbc53, #299400, #555b00, #433600, #2f2200, #261b00. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `ka7SZk8B4_9-2v_KUL_NGE7yPFPedEz_g`
- Page: https://grabient.com/ka7SZk8B4_9-2v_KUL_NGE7yPFPedEz_g?style=radialGradient&steps=9
- Drawn as: radial gradient, 9 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#d6f2d2` | `oklch(93.31% 0.0524 141.33)` | Blue Romance | black, 17.5 to 1 |
| 2 | `#c5ebbf` | `oklch(90.14% 0.0718 141.33)` | Lime Dream | black, 16 to 1 |
| 3 | `#9bd893` | `oklch(82.43% 0.1139 141.39)` | Leek | black, 12.6 to 1 |
| 4 | `#5dbc53` | `oklch(71.25% 0.1684 141.93)` | Range Land | black, 8.7 to 1 |
| 5 | `#299400` | `oklch(58.27% 0.1887 140.28)` | True Green | black, 5.3 to 1 |
| 6 | `#555b00` | `oklch(44.98% 0.1008 113.65)` | Greensboro | white, 7.3 to 1 |
| 7 | `#433600` | `oklch(33.69% 0.0691 94.70)` | Night in the Woods | white, 11.8 to 1 |
| 8 | `#2f2200` | `oklch(26.00% 0.0532 87.09)` | Black Swan | white, 15.5 to 1 |
| 9 | `#261b00` | `oklch(22.84% 0.0467 88.20)` | Cannon Black | white, 16.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d6f2d2 0.0%, #c5ebbf 12.5%, #9bd893 25.0%, #5dbc53 37.5%, #299400 50.0%, #555b00 62.5%, #433600 75.0%, #2f2200 87.5%, #261b00 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(93.31% 0.0524 141.33) 0.0%, oklch(90.14% 0.0718 141.33) 12.5%, oklch(82.43% 0.1139 141.39) 25.0%, oklch(71.25% 0.1684 141.93) 37.5%, oklch(58.27% 0.1887 140.28) 50.0%, oklch(44.98% 0.1008 113.65) 62.5%, oklch(33.69% 0.0691 94.70) 75.0%, oklch(26.00% 0.0532 87.09) 87.5%, oklch(22.84% 0.0467 88.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.052 | 141.3 |
| 2 | 0.882 | 0.083 | 141.3 |
| 3 | 0.752 | 0.15 | 141.3 |
| 4 | 0.583 | 0.222 | 140.3 |
| 5 | 0.409 | 0.267 | 105.4 |
| 6 | 0.28 | 0.19 | 88.5 |
| 7 | 0.228 | 0.052 | 88.5 |

## In these collections

- [Monochrome green gradients](https://grabient.com/monochrome-green-gradients)

## Other forms

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