# Analogous black, dark green and tan linear gradient

Analogous black, dark green and tan linear gradient with 7 colors: #061c14, #072719, #0a341f, #0f4427, #12502d, #5f8245, #ddcd79. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWNBh3IhM-6ubP23oT86ya6A`
- Page: https://grabient.com/kWNBh3IhM-6ubP23oT86ya6A
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, vivid, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 11 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 | `#061c14` | `oklch(20.47% 0.0331 167.34)` | Pinch of Pepper | white, 17.7 to 1 |
| 2 | `#072719` | `oklch(24.35% 0.0450 161.71)` | Deep Slate Green | white, 16 to 1 |
| 3 | `#0a341f` | `oklch(29.10% 0.0597 157.25)` | Pitch-Black Forests | white, 13.7 to 1 |
| 4 | `#0f4427` | `oklch(34.25% 0.0744 154.66)` | Lost in the Woods | white, 11.2 to 1 |
| 5 | `#12502d` | `oklch(38.17% 0.0857 153.72)` | Card Table Green | white, 9.5 to 1 |
| 6 | `#5f8245` | `oklch(56.42% 0.0967 133.14)` | Talipot Palm | black, 4.7 to 1 |
| 7 | `#ddcd79` | `oklch(84.25% 0.1061 98.65)` | Sand Pyramid | black, 13 to 1 |

## CSS

```css
background: linear-gradient(90deg, #061c14 0.0%, #072719 16.7%, #0a341f 33.3%, #0f4427 50.0%, #12502d 66.7%, #5f8245 83.3%, #ddcd79 100.0%);
background: linear-gradient(90deg in oklch, oklch(20.47% 0.0331 167.34) 0.0%, oklch(24.35% 0.0450 161.71) 16.7%, oklch(29.10% 0.0597 157.25) 33.3%, oklch(34.25% 0.0744 154.66) 50.0%, oklch(38.17% 0.0857 153.72) 66.7%, oklch(56.42% 0.0967 133.14) 83.3%, oklch(84.25% 0.1061 98.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.033 | 167.3 |
| 2 | 0.268 | 0.052 | 158.9 |
| 3 | 0.343 | 0.074 | 154.7 |
| 4 | 0.437 | 0.091 | 148.3 |
| 5 | 0.843 | 0.106 | 98.7 |

## In these collections

- [Green and gold](https://grabient.com/green-and-gold)

## Other forms

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