# Analogous olive, orange, tan and gray linear gradient

Analogous olive, orange, tan and gray linear gradient with 7 colors: #a0a037, #b9cb81, #d4b761, #d1623f, #bb9536, #b4b77d, #c8c0a4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWrltN6yLA0-2NrdI8hZo6-Q`
- Page: https://grabient.com/kWrltN6yLA0-2NrdI8hZo6-Q
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 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 | `#a0a037` | `oklch(68.50% 0.1254 108.98)` | Machine Green | black, 7.5 to 1 |
| 2 | `#b9cb81` | `oklch(81.19% 0.1001 119.98)` | Nurgling Green | black, 11.9 to 1 |
| 3 | `#d4b761` | `oklch(78.61% 0.1106 91.14)` | Banh Bot Loc Dumpling | black, 10.7 to 1 |
| 4 | `#d1623f` | `oklch(62.60% 0.1488 38.18)` | Sweet Mandarin | black, 5.5 to 1 |
| 5 | `#bb9536` | `oklch(68.72% 0.1192 86.13)` | Nugget | black, 7.4 to 1 |
| 6 | `#b4b77d` | `oklch(76.23% 0.0769 110.16)` | Fancy Flirt | black, 9.9 to 1 |
| 7 | `#c8c0a4` | `oklch(80.71% 0.0400 95.25)` | Mandu Dumpling | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a0a037 0.0%, #b9cb81 16.7%, #d4b761 33.3%, #d1623f 50.0%, #bb9536 66.7%, #b4b77d 83.3%, #c8c0a4 100.0%);
background: linear-gradient(90deg in oklch, oklch(68.50% 0.1254 108.98) 0.0%, oklch(81.19% 0.1001 119.98) 16.7%, oklch(78.61% 0.1106 91.14) 33.3%, oklch(62.60% 0.1488 38.18) 50.0%, oklch(68.72% 0.1192 86.13) 66.7%, oklch(76.23% 0.0769 110.16) 83.3%, oklch(80.71% 0.0400 95.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.125 | 109 |
| 2 | 0.843 | 0.095 | 116.4 |
| 3 | 0.626 | 0.149 | 38.2 |
| 4 | 0.732 | 0.098 | 109 |
| 5 | 0.807 | 0.04 | 95.2 |

## In these collections

- [Banana leaf feast](https://grabient.com/banana-leaf-feast)

## Other forms

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