# Analogous black, olive, beige and tan linear gradient

Analogous black, olive, beige and tan linear gradient with 11 colors: #242526, #323634, #455248, #617856, #8f9c58, #b6b957, #d6cf61, #eae290, #efe3ae, #dbba8d, #c38e6e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kIyQlJmwoqkkDHziwOtnsI9_HXDhxzcA`
- Page: https://grabient.com/kIyQlJmwoqkkDHziwOtnsI9_HXDhxzcA?steps=11&angle=100
- Drawn as: linear gradient, 11 steps, 100 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.8 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 | `#242526` | `oklch(26.38% 0.0024 247.92)` | Nero | white, 15.3 to 1 |
| 2 | `#323634` | `oklch(32.87% 0.0073 163.95)` | Jet Set | white, 12.2 to 1 |
| 3 | `#455248` | `oklch(42.40% 0.0232 152.22)` | Green Column | white, 8.2 to 1 |
| 4 | `#617856` | `oklch(54.44% 0.0572 135.74)` | Seaweed Tea | white, 4.8 to 1 |
| 5 | `#8f9c58` | `oklch(66.63% 0.0931 117.87)` | Vitality | black, 7 to 1 |
| 6 | `#b6b957` | `oklch(76.29% 0.1209 110.12)` | Japanese Fern | black, 10 to 1 |
| 7 | `#d6cf61` | `oklch(83.84% 0.1322 105.57)` | Force of Nature | black, 12.9 to 1 |
| 8 | `#eae290` | `oklch(90.01% 0.1028 103.23)` | Yellow Pear | black, 15.7 to 1 |
| 9 | `#efe3ae` | `oklch(91.26% 0.0698 96.83)` | Lemon Appeal | black, 16.2 to 1 |
| 10 | `#dbba8d` | `oklch(80.62% 0.0703 73.94)` | San Carlos Plaza | black, 11.3 to 1 |
| 11 | `#c38e6e` | `oklch(69.06% 0.0786 52.14)` | Hitching Post | black, 7.4 to 1 |

## CSS

```css
background: linear-gradient(100deg, #242526 0.0%, #323634 10.0%, #455248 20.0%, #617856 30.0%, #8f9c58 40.0%, #b6b957 50.0%, #d6cf61 60.0%, #eae290 70.0%, #efe3ae 80.0%, #dbba8d 90.0%, #c38e6e 100.0%);
background: linear-gradient(100deg in oklch, oklch(26.38% 0.0024 247.92) 0.0%, oklch(32.87% 0.0073 163.95) 10.0%, oklch(42.40% 0.0232 152.22) 20.0%, oklch(54.44% 0.0572 135.74) 30.0%, oklch(66.63% 0.0931 117.87) 40.0%, oklch(76.29% 0.1209 110.12) 50.0%, oklch(83.84% 0.1322 105.57) 60.0%, oklch(90.01% 0.1028 103.23) 70.0%, oklch(91.26% 0.0698 96.83) 80.0%, oklch(80.62% 0.0703 73.94) 90.0%, oklch(69.06% 0.0786 52.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.002 | 151.9 |
| 2 | 0.424 | 0.023 | 152.2 |
| 3 | 0.666 | 0.093 | 117.9 |
| 4 | 0.838 | 0.132 | 105.6 |
| 5 | 0.913 | 0.07 | 96.8 |
| 6 | 0.691 | 0.079 | 52.1 |

## In these collections

- [Color, Slightly Off](https://grabient.com/colour-slightly-off)

## Other forms

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