# Brown, tan and gray linear gradient

Brown, tan and gray linear gradient with 11 colors: #51362f, #77493d, #a6654f, #c28366, #d5a281, #e4bea1, #e4d2b7, #c7d4c1, #abc0c0, #83969d, #5f727b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kIVE2L2mZU8dWigR5NK3GrwMAV9yew`
- Page: https://grabient.com/kIVE2L2mZU8dWigR5NK3GrwMAV9yew?steps=11&angle=120
- Drawn as: linear gradient, 11 steps, 120 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#51362f` | `oklch(36.23% 0.0410 35.12)` | American Mahogany | white, 10.9 to 1 |
| 2 | `#77493d` | `oklch(45.67% 0.0668 36.35)` | Fire Roasted | white, 7.4 to 1 |
| 3 | `#a6654f` | `oklch(57.34% 0.0907 39.43)` | Ruddy Oak | black, 4.5 to 1 |
| 4 | `#c28366` | `oklch(66.83% 0.0885 45.57)` | Toasted Nut | black, 6.7 to 1 |
| 5 | `#d5a281` | `oklch(75.18% 0.0757 54.16)` | Orange Maple | black, 9.3 to 1 |
| 6 | `#e4bea1` | `oklch(82.78% 0.0587 59.61)` | Eggshell Paper | black, 12.2 to 1 |
| 7 | `#e4d2b7` | `oklch(87.15% 0.0413 78.06)` | Comfy Beige | black, 14.2 to 1 |
| 8 | `#c7d4c1` | `oklch(85.49% 0.0298 136.91)` | Tomatillo Peel | black, 13.6 to 1 |
| 9 | `#abc0c0` | `oklch(79.19% 0.0230 196.70)` | Glacier Blue | black, 11 to 1 |
| 10 | `#83969d` | `oklch(66.09% 0.0236 219.83)` | Morning at Sea | black, 6.8 to 1 |
| 11 | `#5f727b` | `oklch(53.98% 0.0266 228.13)` | Desert Night | white, 5 to 1 |

## CSS

```css
background: linear-gradient(120deg, #51362f 0.0%, #77493d 10.0%, #a6654f 20.0%, #c28366 30.0%, #d5a281 40.0%, #e4bea1 50.0%, #e4d2b7 60.0%, #c7d4c1 70.0%, #abc0c0 80.0%, #83969d 90.0%, #5f727b 100.0%);
background: linear-gradient(120deg in oklch, oklch(36.23% 0.0410 35.12) 0.0%, oklch(45.67% 0.0668 36.35) 10.0%, oklch(57.34% 0.0907 39.43) 20.0%, oklch(66.83% 0.0885 45.57) 30.0%, oklch(75.18% 0.0757 54.16) 40.0%, oklch(82.78% 0.0587 59.61) 50.0%, oklch(87.15% 0.0413 78.06) 60.0%, oklch(85.49% 0.0298 136.91) 70.0%, oklch(79.19% 0.0230 196.70) 80.0%, oklch(66.09% 0.0236 219.83) 90.0%, oklch(53.98% 0.0266 228.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.041 | 35.1 |
| 2 | 0.573 | 0.091 | 39.4 |
| 3 | 0.752 | 0.076 | 54.2 |
| 4 | 0.871 | 0.041 | 78.1 |
| 5 | 0.792 | 0.023 | 196.7 |
| 6 | 0.54 | 0.027 | 228.1 |

## In these collections

- [Color, Slightly Off](https://grabient.com/colour-slightly-off)

## Other forms

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