# Monochrome brown and gray linear swatches

Monochrome brown and gray linear swatches with 7 colors: #403632, #cbbdaa, #927e79, #3b241e, #412b16, #a59484, #d4c2b7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYVwwdawvD7qJOYbEkQUAxBmkJPi`
- Page: https://grabient.com/kYVwwdawvD7qJOYbEkQUAxBmkJPi?style=linearSwatches&angle=160
- Drawn as: linear swatches, 7 steps, 160 degrees
- Kinds: dark center, neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#403632` | `oklch(34.25% 0.0165 40.78)` | Chocolate Torte | white, 11.7 to 1 |
| 2 | `#cbbdaa` | `oklch(80.44% 0.0303 73.65)` | Bungalow Beige | black, 11.3 to 1 |
| 3 | `#927e79` | `oklch(61.07% 0.0256 35.34)` | Warplock Bronze Metal | black, 5.4 to 1 |
| 4 | `#3b241e` | `oklch(28.67% 0.0378 33.91)` | Brown Pod | white, 14.4 to 1 |
| 5 | `#412b16` | `oklch(31.06% 0.0469 62.78)` | Bistre | white, 13.2 to 1 |
| 6 | `#a59484` | `oklch(67.78% 0.0311 68.33)` | Smoking Mirror | black, 7.1 to 1 |
| 7 | `#d4c2b7` | `oklch(82.68% 0.0248 54.52)` | Pink Nudity | black, 12.2 to 1 |

## CSS

```css
background: linear-gradient(160deg, #403632 0.000% 14.286%, #cbbdaa 14.286% 28.571%, #927e79 28.571% 42.857%, #3b241e 42.857% 57.143%, #412b16 57.143% 71.429%, #a59484 71.429% 85.714%, #d4c2b7 85.714% 100.000%);
background: linear-gradient(160deg, oklch(34.25% 0.0165 40.78) 0.000% 14.286%, oklch(80.44% 0.0303 73.65) 14.286% 28.571%, oklch(61.07% 0.0256 35.34) 28.571% 42.857%, oklch(28.67% 0.0378 33.91) 42.857% 57.143%, oklch(31.06% 0.0469 62.78) 57.143% 71.429%, oklch(67.78% 0.0311 68.33) 71.429% 85.714%, oklch(82.68% 0.0248 54.52) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.017 | 40.8 |
| 2 | 0.843 | 0.032 | 74.6 |
| 3 | 0.461 | 0.025 | 20.7 |
| 4 | 0.213 | 0.05 | 55.6 |
| 5 | 0.63 | 0.033 | 69.3 |
| 6 | 0.827 | 0.025 | 54.5 |

## In these collections

- [Earth tone swatches](https://grabient.com/earth-tone-swatches)

## Other forms

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