# Monochrome dark green to light green linear gradient

Monochrome dark green to light green linear gradient with 7 colors: #0f2a1d, #153928, #1d4d36, #19593d, #2c6e49, #7ea474, #c7d8a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kEQ8qHUdTTYSxuSRx9ioA`
- Page: https://grabient.com/kEQ8qHUdTTYSxuSRx9ioA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 10 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 | `#0f2a1d` | `oklch(25.93% 0.0416 160.53)` | Bush | white, 15.3 to 1 |
| 2 | `#153928` | `oklch(31.30% 0.0522 160.48)` | Deep Fir | white, 12.7 to 1 |
| 3 | `#1d4d36` | `oklch(37.99% 0.0659 159.95)` | County Green | white, 9.6 to 1 |
| 4 | `#19593d` | `oklch(41.67% 0.0811 159.99)` | Billiard Table | white, 8.2 to 1 |
| 5 | `#2c6e49` | `oklch(48.50% 0.0904 156.06)` | Chopped Chive | white, 6.1 to 1 |
| 6 | `#7ea474` | `oklch(67.76% 0.0801 139.61)` | Frog Hollow | black, 7.4 to 1 |
| 7 | `#c7d8a8` | `oklch(85.71% 0.0667 123.64)` | Winter Willow Green | black, 13.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0f2a1d 0.0%, #153928 16.7%, #1d4d36 33.3%, #19593d 50.0%, #2c6e49 66.7%, #7ea474 83.3%, #c7d8a8 100.0%);
background: linear-gradient(90deg in oklch, oklch(25.93% 0.0416 160.53) 0.0%, oklch(31.30% 0.0522 160.48) 16.7%, oklch(37.99% 0.0659 159.95) 33.3%, oklch(41.67% 0.0811 159.99) 50.0%, oklch(48.50% 0.0904 156.06) 66.7%, oklch(67.76% 0.0801 139.61) 83.3%, oklch(85.71% 0.0667 123.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.259 | 0.042 | 160.5 |
| 2 | 0.38 | 0.066 | 159.9 |
| 3 | 0.485 | 0.09 | 156.1 |
| 4 | 0.857 | 0.067 | 123.6 |

## In these collections

- [Dark green gradients](https://grabient.com/dark-green-gradients)

## Other forms

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