# Monochrome brown, tan and gray linear gradient

Monochrome brown, tan and gray linear gradient with 7 colors: #c48445, #d49d5c, #d8ad6f, #c8aa76, #a8976e, #81785b, #5d5744. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWqVEtYSTBF-cQPQksDugtAQ`
- Page: https://grabient.com/kWqVEtYSTBF-cQPQksDugtAQ
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#c48445` | `oklch(66.54% 0.1116 63.28)` | Butterscotch Glaze | black, 6.7 to 1 |
| 2 | `#d49d5c` | `oklch(73.55% 0.1056 69.35)` | Honey Beehive | black, 8.7 to 1 |
| 3 | `#d8ad6f` | `oklch(77.19% 0.0938 75.69)` | Inheritance | black, 10 to 1 |
| 4 | `#c8aa76` | `oklch(75.20% 0.0772 81.25)` | Gold Tweed | black, 9.4 to 1 |
| 5 | `#a8976e` | `oklch(68.15% 0.0594 87.27)` | Village Crier | black, 7.3 to 1 |
| 6 | `#81785b` | `oklch(57.26% 0.0429 91.27)` | Rainforest Zipline | black, 4.7 to 1 |
| 7 | `#5d5744` | `oklch(45.67% 0.0303 92.87)` | Moosewood | white, 7.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c48445 0.0%, #d49d5c 16.7%, #d8ad6f 33.3%, #c8aa76 50.0%, #a8976e 66.7%, #81785b 83.3%, #5d5744 100.0%);
background: linear-gradient(90deg in oklch, oklch(66.54% 0.1116 63.28) 0.0%, oklch(73.55% 0.1056 69.35) 16.7%, oklch(77.19% 0.0938 75.69) 33.3%, oklch(75.20% 0.0772 81.25) 50.0%, oklch(68.15% 0.0594 87.27) 66.7%, oklch(57.26% 0.0429 91.27) 83.3%, oklch(45.67% 0.0303 92.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.112 | 63.3 |
| 2 | 0.764 | 0.101 | 72.8 |
| 3 | 0.752 | 0.077 | 81.2 |
| 4 | 0.634 | 0.051 | 89.7 |
| 5 | 0.457 | 0.03 | 92.9 |

## In these collections

- [Library card nostalgia](https://grabient.com/library-card-nostalgia)

## Other forms

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