# Green, black, dark purple and maroon linear gradient

Green, black, dark purple and maroon linear gradient with 8 colors: #5e873e, #436830, #314a23, #2f3021, #381f27, #511934, #722143, #9b3146. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcklFevKJATAZP8miT0Iw6y6egvwxK0CPLNBg`
- Page: https://grabient.com/kcklFevKJATAZP8miT0Iw6y6egvwxK0CPLNBg?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.5 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 | `#5e873e` | `oklch(57.48% 0.1116 132.89)` | Shepherd’s Green | black, 4.9 to 1 |
| 2 | `#436830` | `oklch(47.64% 0.0937 136.06)` | Tree Shade | white, 6.4 to 1 |
| 3 | `#314a23` | `oklch(37.80% 0.0689 135.00)` | Treetop Cathedral | white, 9.8 to 1 |
| 4 | `#2f3021` | `oklch(30.31% 0.0248 110.70)` | Rangitoto | white, 13.4 to 1 |
| 5 | `#381f27` | `oklch(27.56% 0.0400 0.80)` | Antique Burgundy | white, 15 to 1 |
| 6 | `#511934` | `oklch(31.10% 0.0896 353.40)` | Tulip Poplar Purple | white, 13.6 to 1 |
| 7 | `#722143` | `oklch(38.58% 0.1185 358.68)` | Caviar Couture | white, 10.4 to 1 |
| 8 | `#9b3146` | `oklch(47.64% 0.1406 12.42)` | Crimson Strawberry | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5e873e 0.0%, #436830 14.3%, #314a23 28.6%, #2f3021 42.9%, #381f27 57.1%, #511934 71.4%, #722143 85.7%, #9b3146 100.0%);
background: linear-gradient(90deg in oklch, oklch(57.48% 0.1116 132.89) 0.0%, oklch(47.64% 0.0937 136.06) 14.3%, oklch(37.80% 0.0689 135.00) 28.6%, oklch(30.31% 0.0248 110.70) 42.9%, oklch(27.56% 0.0400 0.80) 57.1%, oklch(31.10% 0.0896 353.40) 71.4%, oklch(38.58% 0.1185 358.68) 85.7%, oklch(47.64% 0.1406 12.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.112 | 132.9 |
| 2 | 0.476 | 0.094 | 136.1 |
| 3 | 0.378 | 0.069 | 135 |
| 4 | 0.303 | 0.025 | 110.7 |
| 5 | 0.276 | 0.04 | 0.8 |
| 6 | 0.311 | 0.09 | -6.6 |
| 7 | 0.386 | 0.119 | -1.3 |
| 8 | 0.476 | 0.141 | 12.4 |

## In these collections

- [Blackberry bramble](https://grabient.com/blackberry-bramble)

## Other forms

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