# Monochrome tan and brown linear gradient

Monochrome tan and brown linear gradient with 7 colors: #d6aa66, #b77a45, #865038, #5a3b32, #695139, #8c794f, #baa267. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWwkk3xyO8zERPlBE8TW55BA`
- Page: https://grabient.com/kWwkk3xyO8zERPlBE8TW55BA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#d6aa66` | `oklch(76.38% 0.1006 78.05)` | Streusel Cake | black, 9.8 to 1 |
| 2 | `#b77a45` | `oklch(63.25% 0.1024 60.47)` | Rocky Racoon | black, 5.9 to 1 |
| 3 | `#865038` | `oklch(48.79% 0.0823 44.07)` | Curry Brown | white, 6.5 to 1 |
| 4 | `#5a3b32` | `oklch(38.58% 0.0469 37.89)` | Western Brown | white, 9.9 to 1 |
| 5 | `#695139` | `oklch(45.26% 0.0477 65.68)` | Cowboy Boots | white, 7.4 to 1 |
| 6 | `#8c794f` | `oklch(58.30% 0.0628 84.97)` | Rustic Ranch | black, 4.9 to 1 |
| 7 | `#baa267` | `oklch(72.05% 0.0827 88.61)` | Shutterbug | black, 8.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d6aa66 0.0%, #b77a45 16.7%, #865038 33.3%, #5a3b32 50.0%, #695139 66.7%, #8c794f 83.3%, #baa267 100.0%);
background: linear-gradient(90deg in oklch, oklch(76.38% 0.1006 78.05) 0.0%, oklch(63.25% 0.1024 60.47) 16.7%, oklch(48.79% 0.0823 44.07) 33.3%, oklch(38.58% 0.0469 37.89) 50.0%, oklch(45.26% 0.0477 65.68) 66.7%, oklch(58.30% 0.0628 84.97) 83.3%, oklch(72.05% 0.0827 88.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.101 | 78 |
| 2 | 0.559 | 0.098 | 51.6 |
| 3 | 0.386 | 0.047 | 37.9 |
| 4 | 0.512 | 0.054 | 79.1 |
| 5 | 0.72 | 0.083 | 88.6 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Harvest gradients](https://grabient.com/harvest-gradients)
- [Autumn gradients](https://grabient.com/autumn-gradients)

## Other forms

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