# Analogous gray, green and orange linear gradient

Analogous gray, green and orange linear gradient with 7 colors: #6f6f6f, #5f7c73, #4f8b66, #62984a, #93a22f, #c9ab2e, #ebb142. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSigCETyy6OUzOS`
- Page: https://grabient.com/kSigCETyy6OUzOS
- Drawn as: linear gradient, 7 steps, 90 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#6f6f6f` | `oklch(54.33% 0.0000 89.88)` | Welded Iron | white, 4.9 to 1 |
| 2 | `#5f7c73` | `oklch(56.02% 0.0357 173.34)` | Forest Edge | black, 4.6 to 1 |
| 3 | `#4f8b66` | `oklch(58.59% 0.0850 155.64)` | Spring Garden | black, 5.2 to 1 |
| 4 | `#62984a` | `oklch(62.20% 0.1226 137.01)` | Bredon Green | black, 6 to 1 |
| 5 | `#93a22f` | `oklch(67.92% 0.1370 116.51)` | Biology Experiments | black, 7.4 to 1 |
| 6 | `#c9ab2e` | `oklch(74.69% 0.1398 95.06)` | Hippie Trail | black, 9.3 to 1 |
| 7 | `#ebb142` | `oklch(79.53% 0.1406 79.95)` | Aztec Glimmer | black, 10.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6f6f6f 0.0%, #5f7c73 16.7%, #4f8b66 33.3%, #62984a 50.0%, #93a22f 66.7%, #c9ab2e 83.3%, #ebb142 100.0%);
background: linear-gradient(90deg in oklch, oklch(54.33% 0.0000 89.88) 0.0%, oklch(56.02% 0.0357 173.34) 16.7%, oklch(58.59% 0.0850 155.64) 33.3%, oklch(62.20% 0.1226 137.01) 50.0%, oklch(67.92% 0.1370 116.51) 66.7%, oklch(74.69% 0.1398 95.06) 83.3%, oklch(79.53% 0.1406 79.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0 | 185.6 |
| 2 | 0.622 | 0.123 | 137 |
| 3 | 0.795 | 0.141 | 79.9 |

## In these collections

- [Monsoon rice field](https://grabient.com/monsoon-rice-field)

## Other forms

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