# Analogous brown, tan and maroon linear gradient

Analogous brown, tan and maroon linear gradient with 32 colors: #81533c, #8a5f46, #997054, #aa8667, #bc9c7c, #cdb290, #dcc4a0, #e5ceaa, #e7ceaa, #e3c39e, #d9af8b, #ca9576, #b87863, #a45c54, #8f4349, #7d3141, #6f263a, #641f32, #591c2a, #501b23, #481c1e, #421e1c, #3e211c, #3d241d, #402820, #472e25, #52382c, #5f4233, #6c4d3b, #7a5842, #856148, #8c684c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWfDMh7hRDjMmt6lDsMxZbCo`
- Page: https://grabient.com/kWfDMh7hRDjMmt6lDsMxZbCo?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#81533c` | `oklch(48.82% 0.0703 47.11)` | Dachshund | white, 6.4 to 1 |
| 2 | `#8a5f46` | `oklch(52.46% 0.0686 50.29)` | Chasm | white, 5.5 to 1 |
| 3 | `#997054` | `oklch(57.97% 0.0658 55.32)` | Freckle Face | black, 4.8 to 1 |
| 4 | `#aa8667` | `oklch(64.57% 0.0625 61.35)` | Caramel Sundae | black, 6.2 to 1 |
| 5 | `#bc9c7c` | `oklch(71.47% 0.0591 67.55)` | Woolly Mammoth | black, 8.2 to 1 |
| 6 | `#cdb290` | `oklch(77.89% 0.0562 73.05)` | Moraine | black, 10.3 to 1 |
| 7 | `#dcc4a0` | `oklch(83.04% 0.0544 77.02)` | Natural Rice Beige | black, 12.3 to 1 |
| 8 | `#e5ceaa` | `oklch(86.12% 0.0540 78.62)` | Dried Plantain | black, 13.7 to 1 |
| 9 | `#e7ceaa` | `oklch(86.37% 0.0558 76.97)` | Dried Plantain | black, 13.8 to 1 |
| 10 | `#e3c39e` | `oklch(83.51% 0.0609 71.14)` | Tostada | black, 12.5 to 1 |
| 11 | `#d9af8b` | `oklch(78.23% 0.0686 61.94)` | Porcini | black, 10.4 to 1 |
| 12 | `#ca9576` | `oklch(71.28% 0.0778 50.64)` | Sonora Shade | black, 8 to 1 |
| 13 | `#b87863` | `oklch(63.44% 0.0873 38.52)` | Myrtle Pepper | black, 5.9 to 1 |
| 14 | `#a45c54` | `oklch(55.49% 0.0960 26.85)` | Cheek Red | white, 4.9 to 1 |
| 15 | `#8f4349` | `oklch(48.19% 0.1026 16.91)` | Silk Satin | white, 6.8 to 1 |
| 16 | `#7d3141` | `oklch(42.32% 0.1060 9.96)` | Rhododendron | white, 8.8 to 1 |
| 17 | `#6f263a` | `oklch(38.37% 0.1050 7.05)` | Merlot Fields | white, 10.4 to 1 |
| 18 | `#641f32` | `oklch(35.24% 0.0993 7.27)` | Wine Country | white, 11.7 to 1 |
| 19 | `#591c2a` | `oklch(32.69% 0.0903 9.83)` | Drops of God | white, 12.9 to 1 |
| 20 | `#501b23` | `oklch(30.73% 0.0793 14.05)` | Vino Tinto | white, 13.7 to 1 |
| 21 | `#481c1e` | `oklch(29.36% 0.0674 19.30)` | Vino Tinto | white, 14.3 to 1 |
| 22 | `#421e1c` | `oklch(28.60% 0.0562 24.91)` | Longan’s Kernel | white, 14.6 to 1 |
| 23 | `#3e211c` | `oklch(28.45% 0.0469 30.23)` | Brown Pod | white, 14.6 to 1 |
| 24 | `#3d241d` | `oklch(28.92% 0.0408 34.61)` | Brown Pod | white, 14.3 to 1 |
| 25 | `#402820` | `oklch(30.27% 0.0387 38.00)` | Ethereal Espresso | white, 13.6 to 1 |
| 26 | `#472e25` | `oklch(32.94% 0.0394 41.48)` | Morocco Brown | white, 12.4 to 1 |
| 27 | `#52382c` | `oklch(36.55% 0.0422 44.99)` | Bramble Bush | white, 10.7 to 1 |
| 28 | `#5f4233` | `oklch(40.70% 0.0463 48.41)` | Daniel Boone | white, 9 to 1 |
| 29 | `#6c4d3b` | `oklch(45.00% 0.0510 51.62)` | Radigan Conagher Brown | white, 7.5 to 1 |
| 30 | `#7a5842` | `oklch(49.03% 0.0557 54.49)` | Wild Bill Brown | white, 6.3 to 1 |
| 31 | `#856148` | `oklch(52.41% 0.0596 56.90)` | Chasm | white, 5.5 to 1 |
| 32 | `#8c684c` | `oklch(54.72% 0.0620 58.73)` | Neutral Valley | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #81533c 0.0%, #8a5f46 3.2%, #997054 6.5%, #aa8667 9.7%, #bc9c7c 12.9%, #cdb290 16.1%, #dcc4a0 19.4%, #e5ceaa 22.6%, #e7ceaa 25.8%, #e3c39e 29.0%, #d9af8b 32.3%, #ca9576 35.5%, #b87863 38.7%, #a45c54 41.9%, #8f4349 45.2%, #7d3141 48.4%, #6f263a 51.6%, #641f32 54.8%, #591c2a 58.1%, #501b23 61.3%, #481c1e 64.5%, #421e1c 67.7%, #3e211c 71.0%, #3d241d 74.2%, #402820 77.4%, #472e25 80.6%, #52382c 83.9%, #5f4233 87.1%, #6c4d3b 90.3%, #7a5842 93.5%, #856148 96.8%, #8c684c 100.0%);
background: linear-gradient(135deg in oklch, oklch(48.82% 0.0703 47.11) 0.0%, oklch(52.46% 0.0686 50.29) 3.2%, oklch(57.97% 0.0658 55.32) 6.5%, oklch(64.57% 0.0625 61.35) 9.7%, oklch(71.47% 0.0591 67.55) 12.9%, oklch(77.89% 0.0562 73.05) 16.1%, oklch(83.04% 0.0544 77.02) 19.4%, oklch(86.12% 0.0540 78.62) 22.6%, oklch(86.37% 0.0558 76.97) 25.8%, oklch(83.51% 0.0609 71.14) 29.0%, oklch(78.23% 0.0686 61.94) 32.3%, oklch(71.28% 0.0778 50.64) 35.5%, oklch(63.44% 0.0873 38.52) 38.7%, oklch(55.49% 0.0960 26.85) 41.9%, oklch(48.19% 0.1026 16.91) 45.2%, oklch(42.32% 0.1060 9.96) 48.4%, oklch(38.37% 0.1050 7.05) 51.6%, oklch(35.24% 0.0993 7.27) 54.8%, oklch(32.69% 0.0903 9.83) 58.1%, oklch(30.73% 0.0793 14.05) 61.3%, oklch(29.36% 0.0674 19.30) 64.5%, oklch(28.60% 0.0562 24.91) 67.7%, oklch(28.45% 0.0469 30.23) 71.0%, oklch(28.92% 0.0408 34.61) 74.2%, oklch(30.27% 0.0387 38.00) 77.4%, oklch(32.94% 0.0394 41.48) 80.6%, oklch(36.55% 0.0422 44.99) 83.9%, oklch(40.70% 0.0463 48.41) 87.1%, oklch(45.00% 0.0510 51.62) 90.3%, oklch(49.03% 0.0557 54.49) 93.5%, oklch(52.41% 0.0596 56.90) 96.8%, oklch(54.72% 0.0620 58.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.07 | 47.1 |
| 2 | 0.866 | 0.055 | 77.8 |
| 3 | 0.402 | 0.106 | 8 |
| 4 | 0.291 | 0.04 | 35.5 |
| 5 | 0.547 | 0.062 | 58.7 |

## Other forms

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