# Gray, green, brown and black linear gradient

Gray, green, brown and black linear gradient with 7 colors: #efe2bb, #63845f, #45723b, #c4952d, #a9652e, #594610, #162a20. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW6CZBOpzHliut09or1IYvLw`
- Page: https://grabient.com/kW6CZBOpzHliut09or1IYvLw
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#efe2bb` | `oklch(91.34% 0.0524 91.41)` | Clover Honey | black, 16.2 to 1 |
| 2 | `#63845f` | `oklch(57.73% 0.0671 142.17)` | Tuscan Herbs | black, 4.9 to 1 |
| 3 | `#45723b` | `oklch(50.50% 0.0964 139.86)` | Mount Hyjal | white, 5.6 to 1 |
| 4 | `#c4952d` | `oklch(69.69% 0.1281 82.95)` | Tawny Olive | black, 7.6 to 1 |
| 5 | `#a9652e` | `oklch(57.23% 0.1114 57.20)` | Autumn Surprise | black, 4.5 to 1 |
| 6 | `#594610` | `oklch(40.32% 0.0738 88.86)` | Mud Brown | white, 9.1 to 1 |
| 7 | `#162a20` | `oklch(26.38% 0.0317 161.15)` | Guerrilla Forest | white, 15.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #efe2bb 0.0%, #63845f 16.7%, #45723b 33.3%, #c4952d 50.0%, #a9652e 66.7%, #594610 83.3%, #162a20 100.0%);
background: linear-gradient(90deg in oklch, oklch(91.34% 0.0524 91.41) 0.0%, oklch(57.73% 0.0671 142.17) 16.7%, oklch(50.50% 0.0964 139.86) 33.3%, oklch(69.69% 0.1281 82.95) 50.0%, oklch(57.23% 0.1114 57.20) 66.7%, oklch(40.32% 0.0738 88.86) 83.3%, oklch(26.38% 0.0317 161.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.052 | 91.4 |
| 2 | 0.461 | 0.079 | 155.9 |
| 3 | 0.697 | 0.128 | 83 |
| 4 | 0.484 | 0.095 | 60.8 |
| 5 | 0.264 | 0.032 | 161.2 |

## In these collections

- [Oktoberfest swatches](https://grabient.com/oktoberfest-swatches)

## Other forms

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