# Olive, brown and green angular gradient

Olive, brown and green angular gradient with 8 colors: #616419, #8a743e, #8d814e, #6f8448, #388126, #657038, #796249, #944557. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYe0VPy5q8sqdRDDtUIwg46b8nNc`
- Page: https://grabient.com/kYe0VPy5q8sqdRDDtUIwg46b8nNc?style=angularGradient&steps=8&angle=135
- Drawn as: angular gradient, 8 steps, 135 degrees
- Kinds: even lightness
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.6 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 | `#616419` | `oklch(48.43% 0.0951 111.80)` | Kirchner Green | white, 6.3 to 1 |
| 2 | `#8a743e` | `oklch(56.84% 0.0779 88.35)` | Sepia Yellow | black, 4.6 to 1 |
| 3 | `#8d814e` | `oklch(60.19% 0.0709 96.17)` | Shaded Glen | black, 5.3 to 1 |
| 4 | `#6f8448` | `oklch(58.08% 0.0878 124.43)` | Happy Camper | black, 5 to 1 |
| 5 | `#388126` | `oklch(53.75% 0.1452 140.14)` | Bilbao | white, 4.8 to 1 |
| 6 | `#657038` | `oklch(52.33% 0.0814 118.88)` | Venom Wyrm | white, 5.3 to 1 |
| 7 | `#796249` | `oklch(51.31% 0.0474 68.67)` | Fig Branches | white, 5.7 to 1 |
| 8 | `#944557` | `oklch(49.61% 0.1075 7.18)` | Raspberry Pudding | white, 6.4 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #616419 0.0%, #8a743e 14.3%, #8d814e 28.6%, #6f8448 42.9%, #388126 57.1%, #657038 71.4%, #796249 85.7%, #944557 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(48.43% 0.0951 111.80) 0.0%, oklch(56.84% 0.0779 88.35) 14.3%, oklch(60.19% 0.0709 96.17) 28.6%, oklch(58.08% 0.0878 124.43) 42.9%, oklch(53.75% 0.1452 140.14) 57.1%, oklch(52.33% 0.0814 118.88) 71.4%, oklch(51.31% 0.0474 68.67) 85.7%, oklch(49.61% 0.1075 7.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.484 | 0.095 | 111.8 |
| 2 | 0.594 | 0.073 | 84.3 |
| 3 | 0.587 | 0.08 | 120.3 |
| 4 | 0.531 | 0.146 | 139.3 |
| 5 | 0.52 | 0.039 | 92.8 |
| 6 | 0.496 | 0.107 | 7.2 |

## Other forms

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