# Dark green, brown and maroon linear gradient

Dark green, brown and maroon linear gradient with 7 colors: #26623d, #325621, #444400, #4b3200, #4d2000, #460c02, #3b0001. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWcT9tsiE8asZuokH7tHCI-g`
- Page: https://grabient.com/kWcT9tsiE8asZuokH7tHCI-g
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 2.4 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 | `#26623d` | `oklch(44.49% 0.0868 153.98)` | Fairway Green | white, 7.2 to 1 |
| 2 | `#325621` | `oklch(41.29% 0.0913 136.53)` | Navy Green | white, 8.4 to 1 |
| 3 | `#444400` | `oklch(37.56% 0.0821 110.18)` | Green Not Found | white, 10 to 1 |
| 4 | `#4b3200` | `oklch(33.86% 0.0703 78.96)` | Kyoto House | white, 11.9 to 1 |
| 5 | `#4d2000` | `oklch(30.25% 0.0795 50.40)` | Chrysophobia | white, 13.8 to 1 |
| 6 | `#460c02` | `oklch(26.07% 0.0901 33.51)` | Lonely Chocolate | white, 15.9 to 1 |
| 7 | `#3b0001` | `oklch(22.09% 0.0904 28.46)` | Dark Maroon | white, 17.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #26623d 0.0%, #325621 16.7%, #444400 33.3%, #4b3200 50.0%, #4d2000 66.7%, #460c02 83.3%, #3b0001 100.0%);
background: linear-gradient(90deg in oklch, oklch(44.49% 0.0868 153.98) 0.0%, oklch(41.29% 0.0913 136.53) 16.7%, oklch(37.56% 0.0821 110.18) 33.3%, oklch(33.86% 0.0703 78.96) 50.0%, oklch(30.25% 0.0795 50.40) 66.7%, oklch(26.07% 0.0901 33.51) 83.3%, oklch(22.09% 0.0904 28.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.087 | 154 |
| 2 | 0.394 | 0.091 | 124.4 |
| 3 | 0.339 | 0.07 | 79 |
| 4 | 0.283 | 0.087 | 39.9 |
| 5 | 0.22 | 0.094 | 28.2 |

## In these collections

- [Red sumac roadside](https://grabient.com/red-sumac-roadside)
- [Red and green gradients](https://grabient.com/red-and-green-gradients)
- [Loden wool and amber](https://grabient.com/loden-wool-and-amber)

## Other forms

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