# Gray to brown linear gradient

Gray to brown linear gradient with 32 colors: #4e4439, #504638, #524a37, #524f36, #515438, #505a3c, #525f41, #576547, #5d6a4d, #616f54, #61745d, #5e7768, #5d7674, #64737a, #6b7078, #6e6d75, #706a74, #736472, #785c6f, #7e5469, #844d63, #8a495a, #8f4653, #95454b, #9b4645, #a0483f, #a64b3a, #ad5037, #b55637, #bd5e38, #c3643a, #c8693b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaZBAyuZHGMSOwnEBVKvh_GsKtQ5PMUGA`
- Page: https://grabient.com/kaZBAyuZHGMSOwnEBVKvh_GsKtQ5PMUGA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.4 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 | `#4e4439` | `oklch(39.37% 0.0220 71.02)` | Peppercorn Rent | white, 9.4 to 1 |
| 2 | `#504638` | `oklch(40.10% 0.0260 78.40)` | Seaweed Wrap | white, 9.1 to 1 |
| 3 | `#524a37` | `oklch(41.10% 0.0319 89.08)` | Rikan Brown | white, 8.7 to 1 |
| 4 | `#524f36` | `oklch(42.30% 0.0383 101.24)` | Thatch Green | white, 8.3 to 1 |
| 5 | `#515438` | `oklch(43.64% 0.0441 113.02)` | Amazon Depths | white, 7.8 to 1 |
| 6 | `#505a3c` | `oklch(45.04% 0.0479 122.60)` | Blue Black Crayfish | white, 7.3 to 1 |
| 7 | `#525f41` | `oklch(46.62% 0.0490 127.56)` | Bavarian | white, 6.8 to 1 |
| 8 | `#576547` | `oklch(48.51% 0.0486 128.11)` | Jalapeño Bouquet | white, 6.2 to 1 |
| 9 | `#5d6a4d` | `oklch(50.49% 0.0468 127.89)` | Monstera | white, 5.7 to 1 |
| 10 | `#616f54` | `oklch(52.28% 0.0442 130.56)` | Midnight Garden | white, 5.3 to 1 |
| 11 | `#61745d` | `oklch(53.63% 0.0411 139.81)` | Finlandia | white, 5 to 1 |
| 12 | `#5e7768` | `oklch(54.36% 0.0367 159.45)` | Mt Burleigh | white, 4.8 to 1 |
| 13 | `#5d7674` | `oklch(54.63% 0.0293 189.53)` | Paradise City | white, 4.8 to 1 |
| 14 | `#64737a` | `oklch(54.56% 0.0211 225.04)` | Relaxed Navy | white, 4.9 to 1 |
| 15 | `#6b7078` | `oklch(54.25% 0.0147 260.79)` | Dapper Greyhound | white, 5 to 1 |
| 16 | `#6e6d75` | `oklch(53.79% 0.0125 291.58)` | Granite Canyon | white, 5.1 to 1 |
| 17 | `#706a74` | `oklch(53.22% 0.0171 313.14)` | Pirate’s Trinket | white, 5.2 to 1 |
| 18 | `#736472` | `oklch(52.24% 0.0288 328.28)` | Burnt Ash | white, 5.5 to 1 |
| 19 | `#785c6f` | `oklch(51.04% 0.0449 339.25)` | Banished Brown | white, 5.8 to 1 |
| 20 | `#7e5469` | `oklch(49.88% 0.0624 347.69)` | Euphoric Magenta | white, 6.2 to 1 |
| 21 | `#844d63` | `oklch(49.06% 0.0784 355.23)` | Damson | white, 6.5 to 1 |
| 22 | `#8a495a` | `oklch(48.80% 0.0903 3.32)` | Dull Magenta | white, 6.6 to 1 |
| 23 | `#8f4653` | `oklch(48.99% 0.0996 10.77)` | Dull Magenta | white, 6.6 to 1 |
| 24 | `#95454b` | `oklch(49.51% 0.1075 17.15)` | Plum Majesty | white, 6.4 to 1 |
| 25 | `#9b4645` | `oklch(50.30% 0.1142 22.66)` | Lumberjack | white, 6.2 to 1 |
| 26 | `#a0483f` | `oklch(51.34% 0.1199 27.52)` | Hot Tamale | white, 6 to 1 |
| 27 | `#a64b3a` | `oklch(52.59% 0.1248 31.92)` | Rodeo Red | white, 5.6 to 1 |
| 28 | `#ad5037` | `oklch(54.35% 0.1285 35.73)` | Pico Earth | white, 5.2 to 1 |
| 29 | `#b55637` | `oklch(56.55% 0.1311 38.87)` | Overcast Brick | white, 4.8 to 1 |
| 30 | `#bd5e38` | `oklch(58.82% 0.1328 41.41)` | Deep Reddish Orange | black, 4.8 to 1 |
| 31 | `#c3643a` | `oklch(60.82% 0.1340 43.41)` | Clay Pot | black, 5.2 to 1 |
| 32 | `#c8693b` | `oklch(62.20% 0.1350 44.95)` | Apricot Orange | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4e4439 0.0%, #504638 3.2%, #524a37 6.5%, #524f36 9.7%, #515438 12.9%, #505a3c 16.1%, #525f41 19.4%, #576547 22.6%, #5d6a4d 25.8%, #616f54 29.0%, #61745d 32.3%, #5e7768 35.5%, #5d7674 38.7%, #64737a 41.9%, #6b7078 45.2%, #6e6d75 48.4%, #706a74 51.6%, #736472 54.8%, #785c6f 58.1%, #7e5469 61.3%, #844d63 64.5%, #8a495a 67.7%, #8f4653 71.0%, #95454b 74.2%, #9b4645 77.4%, #a0483f 80.6%, #a64b3a 83.9%, #ad5037 87.1%, #b55637 90.3%, #bd5e38 93.5%, #c3643a 96.8%, #c8693b 100.0%);
background: linear-gradient(135deg in oklch, oklch(39.37% 0.0220 71.02) 0.0%, oklch(40.10% 0.0260 78.40) 3.2%, oklch(41.10% 0.0319 89.08) 6.5%, oklch(42.30% 0.0383 101.24) 9.7%, oklch(43.64% 0.0441 113.02) 12.9%, oklch(45.04% 0.0479 122.60) 16.1%, oklch(46.62% 0.0490 127.56) 19.4%, oklch(48.51% 0.0486 128.11) 22.6%, oklch(50.49% 0.0468 127.89) 25.8%, oklch(52.28% 0.0442 130.56) 29.0%, oklch(53.63% 0.0411 139.81) 32.3%, oklch(54.36% 0.0367 159.45) 35.5%, oklch(54.63% 0.0293 189.53) 38.7%, oklch(54.56% 0.0211 225.04) 41.9%, oklch(54.25% 0.0147 260.79) 45.2%, oklch(53.79% 0.0125 291.58) 48.4%, oklch(53.22% 0.0171 313.14) 51.6%, oklch(52.24% 0.0288 328.28) 54.8%, oklch(51.04% 0.0449 339.25) 58.1%, oklch(49.88% 0.0624 347.69) 61.3%, oklch(49.06% 0.0784 355.23) 64.5%, oklch(48.80% 0.0903 3.32) 67.7%, oklch(48.99% 0.0996 10.77) 71.0%, oklch(49.51% 0.1075 17.15) 74.2%, oklch(50.30% 0.1142 22.66) 77.4%, oklch(51.34% 0.1199 27.52) 80.6%, oklch(52.59% 0.1248 31.92) 83.9%, oklch(54.35% 0.1285 35.73) 87.1%, oklch(56.55% 0.1311 38.87) 90.3%, oklch(58.82% 0.1328 41.41) 93.5%, oklch(60.82% 0.1340 43.41) 96.8%, oklch(62.20% 0.1350 44.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.022 | 71 |
| 2 | 0.453 | 0.048 | 123.9 |
| 3 | 0.539 | 0.04 | 145 |
| 4 | 0.535 | 0.014 | 303.5 |
| 5 | 0.488 | 0.087 | 360.6 |
| 6 | 0.524 | 0.124 | 391.2 |
| 7 | 0.622 | 0.135 | 404.9 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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