# Monochrome brown and tan linear gradient

Monochrome brown and tan linear gradient with 32 colors: #464f38, #4d5236, #585531, #68582d, #795a2d, #8a5e32, #98653c, #a47149, #af845a, #ba9a6f, #c3af87, #cbc19c, #d1cdaa, #d4d2ab, #d4d1a2, #d1cb90, #cec279, #ccb660, #c9a94a, #c59d3b, #bf8f34, #b67f33, #aa7036, #9d6439, #915c3b, #8a583b, #885a3b, #88603d, #896941, #8a7347, #8b7b4d, #8b8052. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYaRxZRx-3-wRxXcrL4QR07cwXxW`
- Page: https://grabient.com/kYaRxZRx-3-wRxXcrL4QR07cwXxW?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#464f38` | `oklch(41.34% 0.0386 125.16)` | Hōjicha | white, 8.5 to 1 |
| 2 | `#4d5236` | `oklch(42.70% 0.0446 116.84)` | Broccoli Green | white, 8.1 to 1 |
| 3 | `#585531` | `oklch(44.45% 0.0536 104.32)` | Bronze Icon | white, 7.5 to 1 |
| 4 | `#68582d` | `oklch(46.57% 0.0641 89.89)` | Fir Green | white, 6.9 to 1 |
| 5 | `#795a2d` | `oklch(49.07% 0.0741 75.84)` | Florentine Dream | white, 6.3 to 1 |
| 6 | `#8a5e32` | `oklch(51.95% 0.0822 64.45)` | Quiver | white, 5.6 to 1 |
| 7 | `#98653c` | `oklch(55.21% 0.0865 58.02)` | Ginger Dy | white, 4.9 to 1 |
| 8 | `#a47149` | `oklch(59.25% 0.0853 58.39)` | Cashew | black, 5 to 1 |
| 9 | `#af845a` | `oklch(64.54% 0.0786 64.54)` | Cool Copper | black, 6.2 to 1 |
| 10 | `#ba9a6f` | `oklch(70.39% 0.0690 74.26)` | Ancient Fresco | black, 7.9 to 1 |
| 11 | `#c3af87` | `oklch(76.10% 0.0589 85.31)` | Horned Frog | black, 9.8 to 1 |
| 12 | `#cbc19c` | `oklch(80.97% 0.0510 95.49)` | Tangled Vines | black, 11.6 to 1 |
| 13 | `#d1cdaa` | `oklch(84.30% 0.0477 102.56)` | Hybrid | black, 13 to 1 |
| 14 | `#d4d2ab` | `oklch(85.53% 0.0515 105.04)` | Olive Martini | black, 13.6 to 1 |
| 15 | `#d4d1a2` | `oklch(85.06% 0.0623 104.91)` | Cream Cheese Avocado | black, 13.4 to 1 |
| 16 | `#d1cb90` | `oklch(83.33% 0.0774 102.91)` | Royal Goblet | black, 12.6 to 1 |
| 17 | `#cec279` | `oklch(80.73% 0.0939 99.57)` | Tropical Moss | black, 11.6 to 1 |
| 18 | `#ccb660` | `oklch(77.68% 0.1090 95.38)` | Warm Woollen | black, 10.4 to 1 |
| 19 | `#c9a94a` | `oklch(74.56% 0.1196 90.84)` | Gooseberry Yellow | black, 9.2 to 1 |
| 20 | `#c59d3b` | `oklch(71.65% 0.1231 86.18)` | Golden Mean | black, 8.3 to 1 |
| 21 | `#bf8f34` | `oklch(67.99% 0.1204 79.41)` | Arnica | black, 7.1 to 1 |
| 22 | `#b67f33` | `oklch(63.75% 0.1134 71.18)` | Gilded Gold | black, 6 to 1 |
| 23 | `#aa7036` | `oklch(59.43% 0.1039 62.81)` | Byzantine Copper | black, 5 to 1 |
| 24 | `#9d6439` | `oklch(55.53% 0.0938 55.65)` | Mocha Bisque | white, 4.8 to 1 |
| 25 | `#915c3b` | `oklch(52.56% 0.0849 51.06)` | Carmel | white, 5.5 to 1 |
| 26 | `#8a583b` | `oklch(51.01% 0.0790 50.37)` | Brushwood | white, 5.9 to 1 |
| 27 | `#885a3b` | `oklch(51.08% 0.0750 54.51)` | Brushwood | white, 5.8 to 1 |
| 28 | `#88603d` | `oklch(52.37% 0.0719 62.27)` | Brown Button | white, 5.5 to 1 |
| 29 | `#896941` | `oklch(54.38% 0.0695 72.01)` | Eagles Nest | white, 5 to 1 |
| 30 | `#8a7347` | `oklch(56.62% 0.0676 82.09)` | Desert Willow | black, 4.6 to 1 |
| 31 | `#8b7b4d` | `oklch(58.61% 0.0660 90.84)` | Stonetalon Mountains | black, 5 to 1 |
| 32 | `#8b8052` | `oklch(59.84% 0.0648 96.62)` | Aged Eucalyptus | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #464f38 0.0%, #4d5236 3.2%, #585531 6.5%, #68582d 9.7%, #795a2d 12.9%, #8a5e32 16.1%, #98653c 19.4%, #a47149 22.6%, #af845a 25.8%, #ba9a6f 29.0%, #c3af87 32.3%, #cbc19c 35.5%, #d1cdaa 38.7%, #d4d2ab 41.9%, #d4d1a2 45.2%, #d1cb90 48.4%, #cec279 51.6%, #ccb660 54.8%, #c9a94a 58.1%, #c59d3b 61.3%, #bf8f34 64.5%, #b67f33 67.7%, #aa7036 71.0%, #9d6439 74.2%, #915c3b 77.4%, #8a583b 80.6%, #885a3b 83.9%, #88603d 87.1%, #896941 90.3%, #8a7347 93.5%, #8b7b4d 96.8%, #8b8052 100.0%);
background: linear-gradient(135deg in oklch, oklch(41.34% 0.0386 125.16) 0.0%, oklch(42.70% 0.0446 116.84) 3.2%, oklch(44.45% 0.0536 104.32) 6.5%, oklch(46.57% 0.0641 89.89) 9.7%, oklch(49.07% 0.0741 75.84) 12.9%, oklch(51.95% 0.0822 64.45) 16.1%, oklch(55.21% 0.0865 58.02) 19.4%, oklch(59.25% 0.0853 58.39) 22.6%, oklch(64.54% 0.0786 64.54) 25.8%, oklch(70.39% 0.0690 74.26) 29.0%, oklch(76.10% 0.0589 85.31) 32.3%, oklch(80.97% 0.0510 95.49) 35.5%, oklch(84.30% 0.0477 102.56) 38.7%, oklch(85.53% 0.0515 105.04) 41.9%, oklch(85.06% 0.0623 104.91) 45.2%, oklch(83.33% 0.0774 102.91) 48.4%, oklch(80.73% 0.0939 99.57) 51.6%, oklch(77.68% 0.1090 95.38) 54.8%, oklch(74.56% 0.1196 90.84) 58.1%, oklch(71.65% 0.1231 86.18) 61.3%, oklch(67.99% 0.1204 79.41) 64.5%, oklch(63.75% 0.1134 71.18) 67.7%, oklch(59.43% 0.1039 62.81) 71.0%, oklch(55.53% 0.0938 55.65) 74.2%, oklch(52.56% 0.0849 51.06) 77.4%, oklch(51.01% 0.0790 50.37) 80.6%, oklch(51.08% 0.0750 54.51) 83.9%, oklch(52.37% 0.0719 62.27) 87.1%, oklch(54.38% 0.0695 72.01) 90.3%, oklch(56.62% 0.0676 82.09) 93.5%, oklch(58.61% 0.0660 90.84) 96.8%, oklch(59.84% 0.0648 96.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.039 | 125.2 |
| 2 | 0.559 | 0.087 | 57.5 |
| 3 | 0.85 | 0.048 | 104 |
| 4 | 0.728 | 0.123 | 88.2 |
| 5 | 0.512 | 0.08 | 50.1 |
| 6 | 0.598 | 0.065 | 96.6 |

## Other forms

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