# Brown, green, teal and dark green linear gradient

Brown, green, teal and dark green linear gradient with 7 colors: #c78262, #94953c, #5d9587, #2e695d, #5e6b1b, #da9063, #763f30. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYqkYgUihJMwRR-zojq3ag1rcdvS`
- Page: https://grabient.com/kYqkYgUihJMwRR-zojq3ag1rcdvS
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.2 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 | `#c78262` | `oklch(66.93% 0.0965 45.00)` | Clove Bud | black, 6.7 to 1 |
| 2 | `#94953c` | `oklch(65.12% 0.1122 109.87)` | Plantain | black, 6.6 to 1 |
| 3 | `#5d9587` | `oklch(62.58% 0.0627 176.98)` | Fiddler | black, 6 to 1 |
| 4 | `#2e695d` | `oklch(47.83% 0.0653 178.28)` | Galapagos Green | white, 6.3 to 1 |
| 5 | `#5e6b1b` | `oklch(50.04% 0.1031 118.35)` | Fiji Green | white, 5.8 to 1 |
| 6 | `#da9063` | `oklch(71.89% 0.1077 51.98)` | Copper Cove | black, 8.1 to 1 |
| 7 | `#763f30` | `oklch(43.31% 0.0813 36.55)` | Lava Core | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c78262 0.0%, #94953c 16.7%, #5d9587 33.3%, #2e695d 50.0%, #5e6b1b 66.7%, #da9063 83.3%, #763f30 100.0%);
background: linear-gradient(90deg in oklch, oklch(66.93% 0.0965 45.00) 0.0%, oklch(65.12% 0.1122 109.87) 16.7%, oklch(62.58% 0.0627 176.98) 33.3%, oklch(47.83% 0.0653 178.28) 50.0%, oklch(50.04% 0.1031 118.35) 66.7%, oklch(71.89% 0.1077 51.98) 83.3%, oklch(43.31% 0.0813 36.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.096 | 45 |
| 2 | 0.646 | 0.11 | 123.2 |
| 3 | 0.598 | 0.047 | 190.8 |
| 4 | 0.406 | 0.094 | 146.4 |
| 5 | 0.736 | 0.11 | 59.8 |
| 6 | 0.433 | 0.081 | 36.5 |

## Other forms

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