# Green, brown and dark purple linear gradient

Green, brown and dark purple linear gradient with 7 colors: #005b32, #302e06, #6b4308, #ad6f18, #b27b30, #7f4b45, #342b48. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYaVZupRM5D8nO7SrUGwBy7yeTM6`
- Page: https://grabient.com/kYaVZupRM5D8nO7SrUGwBy7yeTM6
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, vivid, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.7 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 | `#005b32` | `oklch(41.34% 0.1015 155.36)` | Crusoe | white, 8.2 to 1 |
| 2 | `#302e06` | `oklch(29.42% 0.0571 106.34)` | Swamp of Sorrows | white, 13.8 to 1 |
| 3 | `#6b4308` | `oklch(41.95% 0.0875 68.74)` | Violin Brown | white, 8.6 to 1 |
| 4 | `#ad6f18` | `oklch(59.47% 0.1220 68.67)` | Caramel | black, 5 to 1 |
| 5 | `#b27b30` | `oklch(62.50% 0.1127 70.73)` | Mandalay | black, 5.7 to 1 |
| 6 | `#7f4b45` | `oklch(47.23% 0.0728 26.78)` | Deco Red | white, 7 to 1 |
| 7 | `#342b48` | `oklch(31.10% 0.0524 297.70)` | Obsidian Lava Black | white, 13.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #005b32 0.0%, #302e06 16.7%, #6b4308 33.3%, #ad6f18 50.0%, #b27b30 66.7%, #7f4b45 83.3%, #342b48 100.0%);
background: linear-gradient(90deg in oklch, oklch(41.34% 0.1015 155.36) 0.0%, oklch(29.42% 0.0571 106.34) 16.7%, oklch(41.95% 0.0875 68.74) 33.3%, oklch(59.47% 0.1220 68.67) 50.0%, oklch(62.50% 0.1127 70.73) 66.7%, oklch(47.23% 0.0728 26.78) 83.3%, oklch(31.10% 0.0524 297.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.119 | 155.4 |
| 2 | 0.291 | 0.052 | 97.3 |
| 3 | 0.496 | 0.107 | 61.3 |
| 4 | 0.65 | 0.124 | 76.1 |
| 5 | 0.504 | 0.079 | 41.3 |
| 6 | 0.311 | 0.052 | -62.3 |

## Other forms

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