# Monochrome tan to brown linear gradient

Monochrome tan to brown linear gradient with 32 colors: #cba68e, #c9a38a, #c89f86, #c69a81, #c3957b, #c19075, #be8a6f, #bb8469, #b87e63, #b5785d, #b27358, #ae6e54, #ab694f, #a8644b, #a55f47, #a25a43, #9e553f, #9a513c, #974c38, #934835, #8e4433, #8a4030, #843c2e, #7f392c, #78362b, #723329, #6c3027, #662d26, #602b24, #5b2923, #572722, #542621. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUvygnTaC-jumPsqGb8g`
- Page: https://grabient.com/kUvygnTaC-jumPsqGb8g?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.6 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 | `#cba68e` | `oklch(75.20% 0.0551 54.84)` | Emery Board | black, 9.3 to 1 |
| 2 | `#c9a38a` | `oklch(74.38% 0.0572 54.17)` | Peanut Butter Crust | black, 9 to 1 |
| 3 | `#c89f86` | `oklch(73.35% 0.0599 53.29)` | Sweetwood | black, 8.7 to 1 |
| 4 | `#c69a81` | `oklch(72.12% 0.0632 52.26)` | Chinook Salmon | black, 8.3 to 1 |
| 5 | `#c3957b` | `oklch(70.74% 0.0668 51.09)` | Portrait Tone | black, 7.9 to 1 |
| 6 | `#c19075` | `oklch(69.25% 0.0707 49.84)` | Copper Lake | black, 7.4 to 1 |
| 7 | `#be8a6f` | `oklch(67.69% 0.0747 48.54)` | Foxtail | black, 7 to 1 |
| 8 | `#bb8469` | `oklch(66.10% 0.0787 47.22)` | Clay Ground | black, 6.6 to 1 |
| 9 | `#b87e63` | `oklch(64.50% 0.0824 45.93)` | Silken Chocolate | black, 6.1 to 1 |
| 10 | `#b5785d` | `oklch(62.96% 0.0858 44.70)` | Myrtle Pepper | black, 5.8 to 1 |
| 11 | `#b27358` | `oklch(61.49% 0.0887 43.57)` | Sunburn | black, 5.4 to 1 |
| 12 | `#ae6e54` | `oklch(60.11% 0.0912 42.54)` | Santa Fe | black, 5.1 to 1 |
| 13 | `#ab694f` | `oklch(58.73% 0.0936 41.53)` | Cedar Plank Salmon | black, 4.8 to 1 |
| 14 | `#a8644b` | `oklch(57.36% 0.0961 40.54)` | Ruddy Oak | black, 4.5 to 1 |
| 15 | `#a55f47` | `oklch(55.98% 0.0984 39.56)` | Spiced Carrot | white, 4.8 to 1 |
| 16 | `#a25a43` | `oklch(54.60% 0.1005 38.60)` | Nouveau Copper | white, 5.1 to 1 |
| 17 | `#9e553f` | `oklch(53.22% 0.1023 37.67)` | Ancient Copper | white, 5.4 to 1 |
| 18 | `#9a513c` | `oklch(51.85% 0.1038 36.76)` | Tropical Nut | white, 5.8 to 1 |
| 19 | `#974c38` | `oklch(50.48% 0.1048 35.89)` | Spicy Hue | white, 6.1 to 1 |
| 20 | `#934835` | `oklch(49.11% 0.1053 35.04)` | Mischief Maker | white, 6.5 to 1 |
| 21 | `#8e4433` | `oklch(47.75% 0.1052 34.23)` | Flower Pot | white, 6.9 to 1 |
| 22 | `#8a4030` | `oklch(46.39% 0.1043 33.45)` | April Love | white, 7.3 to 1 |
| 23 | `#843c2e` | `oklch(44.95% 0.1025 32.69)` | Grill Master | white, 7.8 to 1 |
| 24 | `#7f392c` | `oklch(43.44% 0.0996 31.94)` | Roycroft Copper Red | white, 8.3 to 1 |
| 25 | `#78362b` | `oklch(41.89% 0.0961 31.21)` | Capsicum Red | white, 8.8 to 1 |
| 26 | `#723329` | `oklch(40.34% 0.0920 30.50)` | Brandy Brown | white, 9.4 to 1 |
| 27 | `#6c3027` | `oklch(38.83% 0.0877 29.84)` | Root Brown | white, 10 to 1 |
| 28 | `#662d26` | `oklch(37.38% 0.0834 29.22)` | Rookwood Red | white, 10.6 to 1 |
| 29 | `#602b24` | `oklch(36.05% 0.0792 28.65)` | Chestnut Leather | white, 11.2 to 1 |
| 30 | `#5b2923` | `oklch(34.86% 0.0755 28.15)` | Ebicha Brown | white, 11.7 to 1 |
| 31 | `#572722` | `oklch(33.86% 0.0725 27.72)` | Caput Mortuum | white, 12.2 to 1 |
| 32 | `#542621` | `oklch(33.07% 0.0703 27.37)` | Caput Mortuum | white, 12.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #cba68e 0.0%, #c9a38a 3.2%, #c89f86 6.5%, #c69a81 9.7%, #c3957b 12.9%, #c19075 16.1%, #be8a6f 19.4%, #bb8469 22.6%, #b87e63 25.8%, #b5785d 29.0%, #b27358 32.3%, #ae6e54 35.5%, #ab694f 38.7%, #a8644b 41.9%, #a55f47 45.2%, #a25a43 48.4%, #9e553f 51.6%, #9a513c 54.8%, #974c38 58.1%, #934835 61.3%, #8e4433 64.5%, #8a4030 67.7%, #843c2e 71.0%, #7f392c 74.2%, #78362b 77.4%, #723329 80.6%, #6c3027 83.9%, #662d26 87.1%, #602b24 90.3%, #5b2923 93.5%, #572722 96.8%, #542621 100.0%);
background: linear-gradient(180deg in oklch, oklch(75.20% 0.0551 54.84) 0.0%, oklch(74.38% 0.0572 54.17) 3.2%, oklch(73.35% 0.0599 53.29) 6.5%, oklch(72.12% 0.0632 52.26) 9.7%, oklch(70.74% 0.0668 51.09) 12.9%, oklch(69.25% 0.0707 49.84) 16.1%, oklch(67.69% 0.0747 48.54) 19.4%, oklch(66.10% 0.0787 47.22) 22.6%, oklch(64.50% 0.0824 45.93) 25.8%, oklch(62.96% 0.0858 44.70) 29.0%, oklch(61.49% 0.0887 43.57) 32.3%, oklch(60.11% 0.0912 42.54) 35.5%, oklch(58.73% 0.0936 41.53) 38.7%, oklch(57.36% 0.0961 40.54) 41.9%, oklch(55.98% 0.0984 39.56) 45.2%, oklch(54.60% 0.1005 38.60) 48.4%, oklch(53.22% 0.1023 37.67) 51.6%, oklch(51.85% 0.1038 36.76) 54.8%, oklch(50.48% 0.1048 35.89) 58.1%, oklch(49.11% 0.1053 35.04) 61.3%, oklch(47.75% 0.1052 34.23) 64.5%, oklch(46.39% 0.1043 33.45) 67.7%, oklch(44.95% 0.1025 32.69) 71.0%, oklch(43.44% 0.0996 31.94) 74.2%, oklch(41.89% 0.0961 31.21) 77.4%, oklch(40.34% 0.0920 30.50) 80.6%, oklch(38.83% 0.0877 29.84) 83.9%, oklch(37.38% 0.0834 29.22) 87.1%, oklch(36.05% 0.0792 28.65) 90.3%, oklch(34.86% 0.0755 28.15) 93.5%, oklch(33.86% 0.0725 27.72) 96.8%, oklch(33.07% 0.0703 27.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.055 | 54.8 |
| 2 | 0.61 | 0.09 | 43.2 |
| 3 | 0.469 | 0.105 | 33.7 |
| 4 | 0.331 | 0.07 | 27.4 |

## In these collections

- [Wood color palette](https://grabient.com/wood-color-palette)
- [Desert swatches](https://grabient.com/desert-swatches)
- [Warm swatches](https://grabient.com/warm-swatches)
- [Orange swatches](https://grabient.com/orange-swatches)
- [Earth tone swatches](https://grabient.com/earth-tone-swatches)
- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)

## Other forms

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