# Monochrome green to off-white linear gradient

Monochrome green to off-white linear gradient with 7 colors: #2b5500, #5a8110, #8dae46, #b5d085, #d3e8bf, #eaf3da, #f4f4db. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWZlZf0TS--glv92j0B-gw9Y`
- Page: https://grabient.com/kWZlZf0TS--glv92j0B-gw9Y
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, pastel, light, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.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 | `#2b5500` | `oklch(40.16% 0.1159 134.33)` | Deep Forestial Escapade | white, 8.7 to 1 |
| 2 | `#5a8110` | `oklch(55.44% 0.1400 128.43)` | Enchanted Forest | black, 4.5 to 1 |
| 3 | `#8dae46` | `oklch(70.47% 0.1367 124.75)` | Parrot Green | black, 8.2 to 1 |
| 4 | `#b5d085` | `oklch(81.89% 0.1033 124.79)` | Lettuce Green | black, 12.2 to 1 |
| 5 | `#d3e8bf` | `oklch(90.39% 0.0588 129.29)` | Sweet Spring | black, 16 to 1 |
| 6 | `#eaf3da` | `oklch(94.97% 0.0343 123.06)` | Tokyo Underground | black, 18.2 to 1 |
| 7 | `#f4f4db` | `oklch(96.06% 0.0331 107.88)` | Warm Turbulence | black, 18.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2b5500 0.0%, #5a8110 16.7%, #8dae46 33.3%, #b5d085 50.0%, #d3e8bf 66.7%, #eaf3da 83.3%, #f4f4db 100.0%);
background: linear-gradient(90deg in oklch, oklch(40.16% 0.1159 134.33) 0.0%, oklch(55.44% 0.1400 128.43) 16.7%, oklch(70.47% 0.1367 124.75) 33.3%, oklch(81.89% 0.1033 124.79) 50.0%, oklch(90.39% 0.0588 129.29) 66.7%, oklch(94.97% 0.0343 123.06) 83.3%, oklch(96.06% 0.0331 107.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.119 | 134.3 |
| 2 | 0.638 | 0.145 | 125.8 |
| 3 | 0.819 | 0.103 | 124.8 |
| 4 | 0.933 | 0.041 | 129 |
| 5 | 0.961 | 0.033 | 107.9 |

## In these collections

- [Wasabi swatches](https://grabient.com/wasabi-swatches)

## Other forms

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