# Analogous gray, brown and peach linear gradient

Analogous gray, brown and peach linear gradient with 7 colors: #8a736c, #b0a99d, #aa8e67, #881e14, #d58e73, #bb9a7f, #4d3d22. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWkhYa4YnGDS0OPnGEKrxFDA`
- Page: https://grabient.com/kWkhYa4YnGDS0OPnGEKrxFDA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#8a736c` | `oklch(57.48% 0.0303 37.27)` | Brown Rose | black, 4.7 to 1 |
| 2 | `#b0a99d` | `oklch(73.68% 0.0187 78.09)` | Cloudy Desert | black, 8.9 to 1 |
| 3 | `#aa8e67` | `oklch(66.23% 0.0634 74.49)` | Rattan Basket | black, 6.7 to 1 |
| 4 | `#881e14` | `oklch(41.34% 0.1433 29.87)` | Minotaurus Brown | white, 9.3 to 1 |
| 5 | `#d58e73` | `oklch(71.27% 0.0948 42.08)` | Nectarina | black, 7.9 to 1 |
| 6 | `#bb9a7f` | `oklch(70.98% 0.0547 62.67)` | Maison de Campagne | black, 8 to 1 |
| 7 | `#4d3d22` | `oklch(37.01% 0.0469 79.54)` | Avocado Stone | white, 10.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #8a736c 0.0%, #b0a99d 16.7%, #aa8e67 33.3%, #881e14 50.0%, #d58e73 66.7%, #bb9a7f 83.3%, #4d3d22 100.0%);
background: linear-gradient(90deg in oklch, oklch(57.48% 0.0303 37.27) 0.0%, oklch(73.68% 0.0187 78.09) 16.7%, oklch(66.23% 0.0634 74.49) 33.3%, oklch(41.34% 0.1433 29.87) 50.0%, oklch(71.27% 0.0948 42.08) 66.7%, oklch(70.98% 0.0547 62.67) 83.3%, oklch(37.01% 0.0469 79.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.03 | 37.3 |
| 2 | 0.768 | 0.026 | 89 |
| 3 | 0.413 | 0.143 | 29.9 |
| 4 | 0.811 | 0.066 | 53.1 |
| 5 | 0.37 | 0.047 | 79.5 |

## Other forms

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