# Monochrome brown, beige and tan linear gradient

Monochrome brown, beige and tan linear gradient with 7 colors: #a88a6d, #e5d2b7, #dcc2a1, #8c5a39, #4f3023, #684b3c, #caa17a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWpigudQ7BsGdvOqjr6XZpCg`
- Page: https://grabient.com/kWpigudQ7BsGdvOqjr6XZpCg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.9 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 | `#a88a6d` | `oklch(65.35% 0.0551 64.69)` | Confidence | black, 6.5 to 1 |
| 2 | `#e5d2b7` | `oklch(87.20% 0.0414 76.98)` | Almond Brittle | black, 14.2 to 1 |
| 3 | `#dcc2a1` | `oklch(82.76% 0.0526 73.49)` | Slender Reed | black, 12.2 to 1 |
| 4 | `#8c5a39` | `oklch(51.57% 0.0813 54.12)` | Brushwood | white, 5.7 to 1 |
| 5 | `#4f3023` | `oklch(34.35% 0.0514 43.36)` | Dark Wood Grain | white, 11.8 to 1 |
| 6 | `#684b3c` | `oklch(44.02% 0.0463 48.21)` | Spanish Mustang | white, 7.8 to 1 |
| 7 | `#caa17a` | `oklch(73.62% 0.0717 64.69)` | Kenya | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a88a6d 0.0%, #e5d2b7 16.7%, #dcc2a1 33.3%, #8c5a39 50.0%, #4f3023 66.7%, #684b3c 83.3%, #caa17a 100.0%);
background: linear-gradient(90deg in oklch, oklch(65.35% 0.0551 64.69) 0.0%, oklch(87.20% 0.0414 76.98) 16.7%, oklch(82.76% 0.0526 73.49) 33.3%, oklch(51.57% 0.0813 54.12) 50.0%, oklch(34.35% 0.0514 43.36) 66.7%, oklch(44.02% 0.0463 48.21) 83.3%, oklch(73.62% 0.0717 64.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.055 | 64.7 |
| 2 | 0.921 | 0.04 | 79.5 |
| 3 | 0.516 | 0.081 | 54.1 |
| 4 | 0.335 | 0.04 | 42.5 |
| 5 | 0.736 | 0.072 | 64.7 |

## Other forms

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