# Warm beige, maroon, tan and brown linear gradient

Warm beige, maroon, tan and brown linear gradient with 32 colors: #fff0d6, #f4dec1, #e4c4a5, #d2a487, #bd836c, #a86257, #944748, #84323e, #7c2537, #7c2230, #812629, #893020, #923e16, #9b4f0d, #a1600d, #a66d17, #a97724, #af8234, #b68f45, #be9a57, #c5a466, #caab73, #ccad7b, #c9a97d, #c09e77, #af8b6b, #99725a, #805849, #653f37, #4d2928, #39171c, #2b0c14. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW9Bw6tCs3suqRzfGUAGpM34`
- Page: https://grabient.com/kW9Bw6tCs3suqRzfGUAGpM34?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 16 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 | `#fff0d6` | `oklch(96.06% 0.0382 82.28)` | Biogenic Sand | black, 18.7 to 1 |
| 2 | `#f4dec1` | `oklch(91.11% 0.0456 75.73)` | White Cedar | black, 16 to 1 |
| 3 | `#e4c4a5` | `oklch(83.94% 0.0556 65.98)` | Apricot Illusion | black, 12.7 to 1 |
| 4 | `#d2a487` | `oklch(75.35% 0.0675 54.32)` | Sunset Beige | black, 9.3 to 1 |
| 5 | `#bd836c` | `oklch(66.20% 0.0803 42.04)` | Clay Ground | black, 6.6 to 1 |
| 6 | `#a86257` | `oklch(57.30% 0.0930 30.42)` | Dried Tomatoes | white, 4.5 to 1 |
| 7 | `#944748` | `oklch(49.50% 0.1045 20.78)` | Cowhide | white, 6.4 to 1 |
| 8 | `#84323e` | `oklch(43.61% 0.1137 14.39)` | Blood Oath | white, 8.3 to 1 |
| 9 | `#7c2537` | `oklch(40.43% 0.1197 12.55)` | Suō | white, 9.6 to 1 |
| 10 | `#7c2230` | `oklch(39.79% 0.1232 15.63)` | Amaranth Blossom | white, 9.9 to 1 |
| 11 | `#812629` | `oklch(41.03% 0.1251 22.54)` | Sundried Tomato | white, 9.4 to 1 |
| 12 | `#893020` | `oklch(43.66% 0.1254 32.03)` | Kofta Brown | white, 8.3 to 1 |
| 13 | `#923e16` | `oklch(47.19% 0.1246 42.89)` | Citrine Brown | white, 7.1 to 1 |
| 14 | `#9b4f0d` | `oklch(51.12% 0.1228 53.88)` | Burnt Bagel | white, 5.9 to 1 |
| 15 | `#a1600d` | `oklch(54.95% 0.1203 63.76)` | Soft Tone Ink | white, 5 to 1 |
| 16 | `#a66d17` | `oklch(58.20% 0.1173 71.30)` | Buckthorn Brown | black, 4.8 to 1 |
| 17 | `#a97724` | `oklch(60.66% 0.1139 75.71)` | Falafel | black, 5.3 to 1 |
| 18 | `#af8234` | `oklch(63.67% 0.1090 78.84)` | Bird’s-Eye | black, 6 to 1 |
| 19 | `#b68f45` | `oklch(67.08% 0.1028 81.03)` | Venetian Gold | black, 6.9 to 1 |
| 20 | `#be9a57` | `oklch(70.47% 0.0959 82.22)` | Amaretto Sour | black, 7.9 to 1 |
| 21 | `#c5a466` | `oklch(73.42% 0.0887 82.36)` | Flickering Gold | black, 8.8 to 1 |
| 22 | `#caab73` | `oklch(75.51% 0.0816 81.38)` | Gold Tweed | black, 9.5 to 1 |
| 23 | `#ccad7b` | `oklch(76.29% 0.0752 79.25)` | Cup of Tea | black, 9.8 to 1 |
| 24 | `#c9a97d` | `oklch(75.36% 0.0700 75.90)` | Stonebriar | black, 9.4 to 1 |
| 25 | `#c09e77` | `oklch(72.09% 0.0660 70.75)` | Almond Toast | black, 8.4 to 1 |
| 26 | `#af8b6b` | `oklch(66.25% 0.0628 62.91)` | Spiced Rum | black, 6.7 to 1 |
| 27 | `#99725a` | `oklch(58.59% 0.0601 53.20)` | Whisky Barrel | black, 4.9 to 1 |
| 28 | `#805849` | `oklch(49.91% 0.0579 42.48)` | Iron Oxide | white, 6.1 to 1 |
| 29 | `#653f37` | `oklch(41.01% 0.0562 31.65)` | American Milking Devon | white, 9 to 1 |
| 30 | `#4d2928` | `oklch(32.67% 0.0547 21.58)` | Rookwood Dark Red | white, 12.6 to 1 |
| 31 | `#39171c` | `oklch(25.69% 0.0535 13.15)` | Rustic Red | white, 15.9 to 1 |
| 32 | `#2b0c14` | `oklch(20.87% 0.0524 7.24)` | Dark Danger | white, 18 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fff0d6 0.0%, #f4dec1 3.2%, #e4c4a5 6.5%, #d2a487 9.7%, #bd836c 12.9%, #a86257 16.1%, #944748 19.4%, #84323e 22.6%, #7c2537 25.8%, #7c2230 29.0%, #812629 32.3%, #893020 35.5%, #923e16 38.7%, #9b4f0d 41.9%, #a1600d 45.2%, #a66d17 48.4%, #a97724 51.6%, #af8234 54.8%, #b68f45 58.1%, #be9a57 61.3%, #c5a466 64.5%, #caab73 67.7%, #ccad7b 71.0%, #c9a97d 74.2%, #c09e77 77.4%, #af8b6b 80.6%, #99725a 83.9%, #805849 87.1%, #653f37 90.3%, #4d2928 93.5%, #39171c 96.8%, #2b0c14 100.0%);
background: linear-gradient(135deg in oklch, oklch(96.06% 0.0382 82.28) 0.0%, oklch(91.11% 0.0456 75.73) 3.2%, oklch(83.94% 0.0556 65.98) 6.5%, oklch(75.35% 0.0675 54.32) 9.7%, oklch(66.20% 0.0803 42.04) 12.9%, oklch(57.30% 0.0930 30.42) 16.1%, oklch(49.50% 0.1045 20.78) 19.4%, oklch(43.61% 0.1137 14.39) 22.6%, oklch(40.43% 0.1197 12.55) 25.8%, oklch(39.79% 0.1232 15.63) 29.0%, oklch(41.03% 0.1251 22.54) 32.3%, oklch(43.66% 0.1254 32.03) 35.5%, oklch(47.19% 0.1246 42.89) 38.7%, oklch(51.12% 0.1228 53.88) 41.9%, oklch(54.95% 0.1203 63.76) 45.2%, oklch(58.20% 0.1173 71.30) 48.4%, oklch(60.66% 0.1139 75.71) 51.6%, oklch(63.67% 0.1090 78.84) 54.8%, oklch(67.08% 0.1028 81.03) 58.1%, oklch(70.47% 0.0959 82.22) 61.3%, oklch(73.42% 0.0887 82.36) 64.5%, oklch(75.51% 0.0816 81.38) 67.7%, oklch(76.29% 0.0752 79.25) 71.0%, oklch(75.36% 0.0700 75.90) 74.2%, oklch(72.09% 0.0660 70.75) 77.4%, oklch(66.25% 0.0628 62.91) 80.6%, oklch(58.59% 0.0601 53.20) 83.9%, oklch(49.91% 0.0579 42.48) 87.1%, oklch(41.01% 0.0562 31.65) 90.3%, oklch(32.67% 0.0547 21.58) 93.5%, oklch(25.69% 0.0535 13.15) 96.8%, oklch(20.87% 0.0524 7.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.039 | 82.3 |
| 2 | 0.409 | 0.119 | 12.5 |
| 3 | 0.594 | 0.116 | 73.8 |
| 4 | 0.748 | 0.069 | 74.9 |
| 5 | 0.209 | 0.052 | 7.2 |

## Other forms

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