# Dark walnut antique gold and straw gradient

Monochrome brown to beige linear gradient with 24 colors: #291b10, #302012, #3a2815, #463217, #533d1a, #5e491c, #69531f, #725c21, #7c6524, #866d26, #907629, #997e2d, #a28731, #ab9136, #b39a3b, #bba441, #c2ad48, #c9b651, #d0bf5d, #d7c76b, #decf79, #e4d687, #e9dc93, #ede09b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome brown to beige linear gradient
- Seed: `kWPBUqOJrDE6mwJjLMD8qC_4`
- Page: https://grabient.com/kWPBUqOJrDE6mwJjLMD8qC_4?steps=24
- Drawn as: linear gradient, 24 steps, 90 degrees
- Kinds: dark to light, vivid, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 12.5 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 | `#291b10` | `oklch(23.62% 0.0289 59.06)` | Brunneophobia | white, 16.7 to 1 |
| 2 | `#302012` | `oklch(26.06% 0.0341 62.35)` | Coffee Grounds | white, 15.6 to 1 |
| 3 | `#3a2815` | `oklch(29.48% 0.0414 67.13)` | Brown Tumbleweed | white, 13.9 to 1 |
| 4 | `#463217` | `oklch(33.49% 0.0500 72.65)` | Bavarian Sweet Mustard | white, 12 to 1 |
| 5 | `#533d1a` | `oklch(37.73% 0.0590 78.15)` | Clove Yellow Brown | white, 10.2 to 1 |
| 6 | `#5e491c` | `oklch(41.79% 0.0675 82.88)` | Mud Brown | white, 8.5 to 1 |
| 7 | `#69531f` | `oklch(45.31% 0.0747 86.13)` | Field Drab | white, 7.3 to 1 |
| 8 | `#725c21` | `oklch(48.51% 0.0813 87.98)` | Hot Mustard | white, 6.4 to 1 |
| 9 | `#7c6524` | `oklch(51.58% 0.0875 88.93)` | Brazen Brass | white, 5.6 to 1 |
| 10 | `#866d26` | `oklch(54.55% 0.0935 89.38)` | Aged Antics | white, 4.9 to 1 |
| 11 | `#907629` | `oklch(57.47% 0.0989 89.69)` | Aubergine Green | black, 4.7 to 1 |
| 12 | `#997e2d` | `oklch(60.36% 0.1039 90.26)` | Spruced Up | black, 5.3 to 1 |
| 13 | `#a28731` | `oklch(63.27% 0.1083 91.41)` | Dried Tobacco | black, 6 to 1 |
| 14 | `#ab9136` | `oklch(66.21% 0.1128 92.96)` | Reef Gold | black, 6.8 to 1 |
| 15 | `#b39a3b` | `oklch(69.12% 0.1171 94.67)` | Mana | black, 7.6 to 1 |
| 16 | `#bba441` | `oklch(71.98% 0.1205 96.38)` | Sea Squash | black, 8.4 to 1 |
| 17 | `#c2ad48` | `oklch(74.73% 0.1227 97.89)` | Oil Yellow | black, 9.3 to 1 |
| 18 | `#c9b651` | `oklch(77.33% 0.1229 99.02)` | Gold Gleam | black, 10.3 to 1 |
| 19 | `#d0bf5d` | `oklch(79.83% 0.1205 99.64)` | Limón Fresco | black, 11.2 to 1 |
| 20 | `#d7c76b` | `oklch(82.35% 0.1152 99.84)` | Williams Pear Yellow | black, 12.2 to 1 |
| 21 | `#decf79` | `oklch(84.77% 0.1081 99.77)` | Sand Pyramid | black, 13.2 to 1 |
| 22 | `#e4d687` | `oklch(86.97% 0.1006 99.55)` | Artichoke Heart | black, 14.2 to 1 |
| 23 | `#e9dc93` | `oklch(88.81% 0.0940 99.32)` | Golden Scarab | black, 15.1 to 1 |
| 24 | `#ede09b` | `oklch(90.16% 0.0896 99.22)` | Gold Bullion | black, 15.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #291b10 0.0%, #302012 4.3%, #3a2815 8.7%, #463217 13.0%, #533d1a 17.4%, #5e491c 21.7%, #69531f 26.1%, #725c21 30.4%, #7c6524 34.8%, #866d26 39.1%, #907629 43.5%, #997e2d 47.8%, #a28731 52.2%, #ab9136 56.5%, #b39a3b 60.9%, #bba441 65.2%, #c2ad48 69.6%, #c9b651 73.9%, #d0bf5d 78.3%, #d7c76b 82.6%, #decf79 87.0%, #e4d687 91.3%, #e9dc93 95.7%, #ede09b 100.0%);
background: linear-gradient(90deg in oklch, oklch(23.62% 0.0289 59.06) 0.0%, oklch(26.06% 0.0341 62.35) 4.3%, oklch(29.48% 0.0414 67.13) 8.7%, oklch(33.49% 0.0500 72.65) 13.0%, oklch(37.73% 0.0590 78.15) 17.4%, oklch(41.79% 0.0675 82.88) 21.7%, oklch(45.31% 0.0747 86.13) 26.1%, oklch(48.51% 0.0813 87.98) 30.4%, oklch(51.58% 0.0875 88.93) 34.8%, oklch(54.55% 0.0935 89.38) 39.1%, oklch(57.47% 0.0989 89.69) 43.5%, oklch(60.36% 0.1039 90.26) 47.8%, oklch(63.27% 0.1083 91.41) 52.2%, oklch(66.21% 0.1128 92.96) 56.5%, oklch(69.12% 0.1171 94.67) 60.9%, oklch(71.98% 0.1205 96.38) 65.2%, oklch(74.73% 0.1227 97.89) 69.6%, oklch(77.33% 0.1229 99.02) 73.9%, oklch(79.83% 0.1205 99.64) 78.3%, oklch(82.35% 0.1152 99.84) 82.6%, oklch(84.77% 0.1081 99.77) 87.0%, oklch(86.97% 0.1006 99.55) 91.3%, oklch(88.81% 0.0940 99.32) 95.7%, oklch(90.16% 0.0896 99.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.029 | 59.1 |
| 2 | 0.445 | 0.073 | 85.5 |
| 3 | 0.618 | 0.106 | 90.8 |
| 4 | 0.78 | 0.123 | 99.2 |
| 5 | 0.902 | 0.09 | 99.2 |

## In these collections

- [Warm gradients](https://grabient.com/warm-gradients)

## Other forms

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