# Analogous olive to dark green linear gradient

Analogous olive to dark green linear gradient with 7 colors: #60671c, #757515, #797b0b, #64760d, #416506, #1b4917, #0e2818. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWfUZRx6q_MOsQU1KcHIBDCA`
- Page: https://grabient.com/kWfUZRx6q_MOsQU1KcHIBDCA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#60671c` | `oklch(49.21% 0.0965 114.61)` | Mud Green | white, 6 to 1 |
| 2 | `#757515` | `oklch(54.43% 0.1107 109.29)` | Medusa’s Snakes | white, 4.8 to 1 |
| 3 | `#797b0b` | `oklch(56.31% 0.1201 110.66)` | Mongolian Plateau | black, 4.6 to 1 |
| 4 | `#64760d` | `oklch(53.15% 0.1213 119.89)` | Topiary Green | white, 5 to 1 |
| 5 | `#416506` | `oklch(46.22% 0.1217 130.15)` | Camouflage Green | white, 6.7 to 1 |
| 6 | `#1b4917` | `oklch(35.99% 0.0934 142.24)` | Pine Green | white, 10.4 to 1 |
| 7 | `#0e2818` | `oklch(25.20% 0.0455 153.71)` | Deep Slate Olive | white, 15.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #60671c 0.0%, #757515 16.7%, #797b0b 33.3%, #64760d 50.0%, #416506 66.7%, #1b4917 83.3%, #0e2818 100.0%);
background: linear-gradient(90deg in oklch, oklch(49.21% 0.0965 114.61) 0.0%, oklch(54.43% 0.1107 109.29) 16.7%, oklch(56.31% 0.1201 110.66) 33.3%, oklch(53.15% 0.1213 119.89) 50.0%, oklch(46.22% 0.1217 130.15) 66.7%, oklch(35.99% 0.0934 142.24) 83.3%, oklch(25.20% 0.0455 153.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.096 | 114.6 |
| 2 | 0.563 | 0.117 | 108.3 |
| 3 | 0.531 | 0.121 | 119.9 |
| 4 | 0.417 | 0.114 | 135.7 |
| 5 | 0.252 | 0.045 | 153.7 |

## Other forms

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