# Monochrome brown and tan angular gradient

Monochrome brown and tan angular gradient with 32 colors: #4d332a, #50362c, #54392f, #593d32, #5f4236, #65473a, #6b4c3f, #715244, #785849, #7f604f, #886957, #927360, #9b7d68, #a48570, #aa8d76, #af917a, #b0927b, #ae9079, #ab8c75, #a6866f, #9f7e68, #987661, #916e5a, #896654, #815f4e, #775748, #6c4e41, #60453b, #563d34, #4c362f, #44302a, #3e2c26. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWWR4dPZHAtaRwXEEz6p4q-Y`
- Page: https://grabient.com/kWWR4dPZHAtaRwXEEz6p4q-Y?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#4d332a` | `oklch(35.04% 0.0413 40.78)` | Barn Swallow | white, 11.4 to 1 |
| 2 | `#50362c` | `oklch(36.07% 0.0419 41.24)` | Bramble Bush | white, 11 to 1 |
| 3 | `#54392f` | `oklch(37.39% 0.0428 41.81)` | Bright Brown | white, 10.4 to 1 |
| 4 | `#593d32` | `oklch(38.96% 0.0438 42.48)` | Thoroughfare | white, 9.7 to 1 |
| 5 | `#5f4236` | `oklch(40.73% 0.0449 43.26)` | Daniel Boone | white, 9 to 1 |
| 6 | `#65473a` | `oklch(42.67% 0.0460 44.15)` | Copra | white, 8.3 to 1 |
| 7 | `#6b4c3f` | `oklch(44.71% 0.0470 45.14)` | Fondue Fudge | white, 7.6 to 1 |
| 8 | `#715244` | `oklch(46.82% 0.0478 46.23)` | Brevity Brown | white, 7 to 1 |
| 9 | `#785849` | `oklch(48.98% 0.0483 47.45)` | Wild Bill Brown | white, 6.3 to 1 |
| 10 | `#7f604f` | `oklch(51.62% 0.0486 49.06)` | Werewolf Fur | white, 5.6 to 1 |
| 11 | `#886957` | `oklch(54.70% 0.0486 51.04)` | Art and Craft | white, 4.9 to 1 |
| 12 | `#927360` | `oklch(57.98% 0.0485 53.18)` | Corral Brown | black, 4.8 to 1 |
| 13 | `#9b7d68` | `oklch(61.19% 0.0483 55.30)` | Dusty Canyon | black, 5.5 to 1 |
| 14 | `#a48570` | `oklch(64.07% 0.0482 57.21)` | Iced Mocha | black, 6.1 to 1 |
| 15 | `#aa8d76` | `oklch(66.36% 0.0481 58.72)` | Cantankerous Coyote | black, 6.7 to 1 |
| 16 | `#af917a` | `oklch(67.79% 0.0481 59.63)` | Rikyūshira Brown | black, 7.1 to 1 |
| 17 | `#b0927b` | `oklch(68.15% 0.0484 59.78)` | Rikyūshira Brown | black, 7.2 to 1 |
| 18 | `#ae9079` | `oklch(67.57% 0.0492 59.25)` | Bakery Brown | black, 7 to 1 |
| 19 | `#ab8c75` | `oklch(66.22% 0.0502 58.19)` | Cantankerous Coyote | black, 6.7 to 1 |
| 20 | `#a6866f` | `oklch(64.30% 0.0514 56.73)` | Antique Chest | black, 6.2 to 1 |
| 21 | `#9f7e68` | `oklch(61.96% 0.0524 55.00)` | Matte Brown | black, 5.6 to 1 |
| 22 | `#987661` | `oklch(59.37% 0.0531 53.15)` | Burro | black, 5.1 to 1 |
| 23 | `#916e5a` | `oklch(56.71% 0.0532 51.31)` | Beaver | white, 4.5 to 1 |
| 24 | `#896654` | `oklch(54.15% 0.0526 49.62)` | Tanbark | white, 5.1 to 1 |
| 25 | `#815f4e` | `oklch(51.59% 0.0511 48.04)` | Acorn | white, 5.7 to 1 |
| 26 | `#775748` | `oklch(48.57% 0.0485 46.26)` | Wild Bill Brown | white, 6.4 to 1 |
| 27 | `#6c4e41` | `oklch(45.25% 0.0451 44.38)` | Spice | white, 7.4 to 1 |
| 28 | `#60453b` | `oklch(41.84% 0.0414 42.47)` | Hickory Plank | white, 8.6 to 1 |
| 29 | `#563d34` | `oklch(38.52% 0.0376 40.64)` | Vixen | white, 9.9 to 1 |
| 30 | `#4c362f` | `oklch(35.49% 0.0340 38.98)` | Chicory Coffee | white, 11.2 to 1 |
| 31 | `#44302a` | `oklch(32.96% 0.0310 37.59)` | Benikeshinezumi Purple | white, 12.3 to 1 |
| 32 | `#3e2c26` | `oklch(31.10% 0.0289 36.55)` | English Walnut | white, 13.2 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #4d332a 0.0%, #50362c 3.2%, #54392f 6.5%, #593d32 9.7%, #5f4236 12.9%, #65473a 16.1%, #6b4c3f 19.4%, #715244 22.6%, #785849 25.8%, #7f604f 29.0%, #886957 32.3%, #927360 35.5%, #9b7d68 38.7%, #a48570 41.9%, #aa8d76 45.2%, #af917a 48.4%, #b0927b 51.6%, #ae9079 54.8%, #ab8c75 58.1%, #a6866f 61.3%, #9f7e68 64.5%, #987661 67.7%, #916e5a 71.0%, #896654 74.2%, #815f4e 77.4%, #775748 80.6%, #6c4e41 83.9%, #60453b 87.1%, #563d34 90.3%, #4c362f 93.5%, #44302a 96.8%, #3e2c26 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(35.04% 0.0413 40.78) 0.0%, oklch(36.07% 0.0419 41.24) 3.2%, oklch(37.39% 0.0428 41.81) 6.5%, oklch(38.96% 0.0438 42.48) 9.7%, oklch(40.73% 0.0449 43.26) 12.9%, oklch(42.67% 0.0460 44.15) 16.1%, oklch(44.71% 0.0470 45.14) 19.4%, oklch(46.82% 0.0478 46.23) 22.6%, oklch(48.98% 0.0483 47.45) 25.8%, oklch(51.62% 0.0486 49.06) 29.0%, oklch(54.70% 0.0486 51.04) 32.3%, oklch(57.98% 0.0485 53.18) 35.5%, oklch(61.19% 0.0483 55.30) 38.7%, oklch(64.07% 0.0482 57.21) 41.9%, oklch(66.36% 0.0481 58.72) 45.2%, oklch(67.79% 0.0481 59.63) 48.4%, oklch(68.15% 0.0484 59.78) 51.6%, oklch(67.57% 0.0492 59.25) 54.8%, oklch(66.22% 0.0502 58.19) 58.1%, oklch(64.30% 0.0514 56.73) 61.3%, oklch(61.96% 0.0524 55.00) 64.5%, oklch(59.37% 0.0531 53.15) 67.7%, oklch(56.71% 0.0532 51.31) 71.0%, oklch(54.15% 0.0526 49.62) 74.2%, oklch(51.59% 0.0511 48.04) 77.4%, oklch(48.57% 0.0485 46.26) 80.6%, oklch(45.25% 0.0451 44.38) 83.9%, oklch(41.84% 0.0414 42.47) 87.1%, oklch(38.52% 0.0376 40.64) 90.3%, oklch(35.49% 0.0340 38.98) 93.5%, oklch(32.96% 0.0310 37.59) 96.8%, oklch(31.10% 0.0289 36.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.041 | 40.8 |
| 2 | 0.484 | 0.048 | 47.1 |
| 3 | 0.681 | 0.048 | 59.8 |
| 4 | 0.535 | 0.052 | 49.2 |
| 5 | 0.311 | 0.029 | 36.6 |

## In these collections

- [Brown gradients](https://grabient.com/brown-gradients)
- [Brown swatches](https://grabient.com/brown-swatches)

## Other forms

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