# Monochrome lime green to dark green linear gradient

Monochrome lime green to dark green linear gradient with 9 colors: #d2fd49, #b7f13e, #8fdc38, #65be3d, #3f9d3f, #267f3f, #18653c, #0c4c35, #0a3a2e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW7ZNXZ8pBE65wU5JEFKBRBw`
- Page: https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw?steps=9&angle=180
- Drawn as: linear gradient, 9 steps, 180 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.7 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 | `#d2fd49` | `oklch(93.31% 0.2026 122.34)` | Green of Bhabua | black, 17.9 to 1 |
| 2 | `#b7f13e` | `oklch(88.63% 0.2061 126.37)` | Pick Your Poison | black, 15.6 to 1 |
| 3 | `#8fdc38` | `oklch(81.50% 0.2039 131.85)` | Effervescent Lime | black, 12.4 to 1 |
| 4 | `#65be3d` | `oklch(71.97% 0.1850 137.53)` | Zunda Green | black, 8.9 to 1 |
| 5 | `#3f9d3f` | `oklch(61.81% 0.1585 143.48)` | Beer Garden | black, 6 to 1 |
| 6 | `#267f3f` | `oklch(52.95% 0.1288 149.03)` | Gorgeous Green | white, 4.9 to 1 |
| 7 | `#18653c` | `oklch(44.88% 0.0992 155.10)` | Fun Green | white, 7.1 to 1 |
| 8 | `#0c4c35` | `oklch(37.13% 0.0735 163.76)` | Order Green | white, 9.9 to 1 |
| 9 | `#0a3a2e` | `oklch(31.50% 0.0551 170.95)` | Night Turquoise | white, 12.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #d2fd49 0.0%, #b7f13e 12.5%, #8fdc38 25.0%, #65be3d 37.5%, #3f9d3f 50.0%, #267f3f 62.5%, #18653c 75.0%, #0c4c35 87.5%, #0a3a2e 100.0%);
background: linear-gradient(180deg in oklch, oklch(93.31% 0.2026 122.34) 0.0%, oklch(88.63% 0.2061 126.37) 12.5%, oklch(81.50% 0.2039 131.85) 25.0%, oklch(71.97% 0.1850 137.53) 37.5%, oklch(61.81% 0.1585 143.48) 50.0%, oklch(52.95% 0.1288 149.03) 62.5%, oklch(44.88% 0.0992 155.10) 75.0%, oklch(37.13% 0.0735 163.76) 87.5%, oklch(31.50% 0.0551 170.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.203 | 122.3 |
| 2 | 0.815 | 0.204 | 131.9 |
| 3 | 0.618 | 0.158 | 143.5 |
| 4 | 0.449 | 0.099 | 155.1 |
| 5 | 0.315 | 0.055 | 171 |

## In these collections

- [Linear gradients](https://grabient.com/linear-gradients)

## Other forms

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