# Brown, maroon, gray and purple linear gradient

Brown, maroon, gray and purple linear gradient with 40 colors: #3c251c, #41251c, #46221d, #4d1f20, #531c27, #591a2f, #601936, #681c3b, #72223a, #7f2f33, #8b442a, #915f2a, #8e7b3f, #879260, #82a180, #82a896, #81a69d, #7b9c97, #718a88, #627675, #526060, #414d4d, #333d3e, #283335, #203035, #1d303e, #24314c, #38315a, #522f60, #6c2c5b, #802b4e, #8c2c3f, #902f38, #8f3239, #8b3641, #853a4a, #7d3d52, #754158, #6e445c, #6a455d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYShweMCm7dkQ0-mhsSOK_TDgWPA`
- Page: https://grabient.com/kYShweMCm7dkQ0-mhsSOK_TDgWPA?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#3c251c` | `oklch(29.13% 0.0386 42.19)` | Brown Pod | white, 14.2 to 1 |
| 2 | `#41251c` | `oklch(29.65% 0.0456 37.68)` | Woodsy Brown | white, 14 to 1 |
| 3 | `#46221d` | `oklch(30.16% 0.0562 30.07)` | Marmite | white, 13.8 to 1 |
| 4 | `#4d1f20` | `oklch(30.76% 0.0688 20.90)` | Dark Red Brown | white, 13.6 to 1 |
| 5 | `#531c27` | `oklch(31.54% 0.0821 11.73)` | Largest Black Slug | white, 13.3 to 1 |
| 6 | `#591a2f` | `oklch(32.59% 0.0947 4.10)` | Drops of God | white, 12.9 to 1 |
| 7 | `#601936` | `oklch(34.01% 0.1052 359.56)` | Brown Chocolate | white, 12.3 to 1 |
| 8 | `#681c3b` | `oklch(35.89% 0.1122 359.67)` | Pompadour | white, 11.5 to 1 |
| 9 | `#72223a` | `oklch(38.36% 0.1144 6.00)` | Rocking Chair | white, 10.4 to 1 |
| 10 | `#7f2f33` | `oklch(42.18% 0.1113 20.05)` | Wild Currant | white, 8.8 to 1 |
| 11 | `#8b442a` | `oklch(47.24% 0.1043 40.49)` | Olive Niçoise | white, 7 to 1 |
| 12 | `#915f2a` | `oklch(52.93% 0.0944 65.18)` | Afghan Carpet | white, 5.4 to 1 |
| 13 | `#8e7b3f` | `oklch(58.64% 0.0828 92.01)` | Banyan Tree | black, 5 to 1 |
| 14 | `#879260` | `oklch(63.78% 0.0707 118.82)` | Epsom | black, 6.2 to 1 |
| 15 | `#82a180` | `oklch(67.73% 0.0593 143.50)` | Grey Green | black, 7.3 to 1 |
| 16 | `#82a896` | `oklch(69.89% 0.0498 163.91)` | Catnip | black, 8 to 1 |
| 17 | `#81a69d` | `oklch(69.64% 0.0429 178.08)` | Scenario | black, 7.9 to 1 |
| 18 | `#7b9c97` | `oklch(66.58% 0.0362 186.48)` | Avalon | black, 7 to 1 |
| 19 | `#718a88` | `oklch(61.39% 0.0293 190.82)` | Polaris Blue | black, 5.7 to 1 |
| 20 | `#627675` | `oklch(54.85% 0.0231 192.71)` | Becker Blue | white, 4.8 to 1 |
| 21 | `#526060` | `oklch(47.77% 0.0180 193.75)` | Calcite Grey Green | white, 6.5 to 1 |
| 22 | `#414d4d` | `oklch(40.93% 0.0147 195.51)` | Urban Chic | white, 8.7 to 1 |
| 23 | `#333d3e` | `oklch(35.15% 0.0138 199.62)` | Old School | white, 11.1 to 1 |
| 24 | `#283335` | `oklch(31.20% 0.0160 207.65)` | Nightmare Fuel | white, 12.9 to 1 |
| 25 | `#203035` | `oklch(29.68% 0.0225 221.28)` | Freinacht Black | white, 13.7 to 1 |
| 26 | `#1d303e` | `oklch(29.97% 0.0350 240.80)` | Tangaroa | white, 13.5 to 1 |
| 27 | `#24314c` | `oklch(31.58% 0.0520 264.34)` | Blue Lobelia | white, 12.9 to 1 |
| 28 | `#38315a` | `oklch(34.08% 0.0712 289.90)` | Jakarta Skyline | white, 11.9 to 1 |
| 29 | `#522f60` | `oklch(37.04% 0.0906 315.46)` | Royal Crown | white, 10.8 to 1 |
| 30 | `#6c2c5b` | `oklch(40.01% 0.1083 339.04)` | Pretty in Prune | white, 9.7 to 1 |
| 31 | `#802b4e` | `oklch(42.57% 0.1222 358.61)` | Beaujolais | white, 8.8 to 1 |
| 32 | `#8c2c3f` | `oklch(44.28% 0.1302 12.19)` | Thrill Ride | white, 8.2 to 1 |
| 33 | `#902f38` | `oklch(45.05% 0.1309 18.52)` | Sehnsucht Red | white, 7.9 to 1 |
| 34 | `#8f3239` | `oklch(45.38% 0.1258 19.05)` | Sehnsucht Red | white, 7.8 to 1 |
| 35 | `#8b3641` | `oklch(45.40% 0.1163 15.24)` | Rushing Red | white, 7.7 to 1 |
| 36 | `#853a4a` | `oklch(45.21% 0.1041 8.51)` | Burnt Russet | white, 7.8 to 1 |
| 37 | `#7d3d52` | `oklch(44.88% 0.0909 0.31)` | Red Jade | white, 7.8 to 1 |
| 38 | `#754158` | `oklch(44.52% 0.0781 352.08)` | Red Jade | white, 7.9 to 1 |
| 39 | `#6e445c` | `oklch(44.23% 0.0675 345.25)` | Prune Purple | white, 7.9 to 1 |
| 40 | `#6a455d` | `oklch(44.09% 0.0606 341.25)` | Prune Purple | white, 7.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3c251c 0.0%, #41251c 2.6%, #46221d 5.1%, #4d1f20 7.7%, #531c27 10.3%, #591a2f 12.8%, #601936 15.4%, #681c3b 17.9%, #72223a 20.5%, #7f2f33 23.1%, #8b442a 25.6%, #915f2a 28.2%, #8e7b3f 30.8%, #879260 33.3%, #82a180 35.9%, #82a896 38.5%, #81a69d 41.0%, #7b9c97 43.6%, #718a88 46.2%, #627675 48.7%, #526060 51.3%, #414d4d 53.8%, #333d3e 56.4%, #283335 59.0%, #203035 61.5%, #1d303e 64.1%, #24314c 66.7%, #38315a 69.2%, #522f60 71.8%, #6c2c5b 74.4%, #802b4e 76.9%, #8c2c3f 79.5%, #902f38 82.1%, #8f3239 84.6%, #8b3641 87.2%, #853a4a 89.7%, #7d3d52 92.3%, #754158 94.9%, #6e445c 97.4%, #6a455d 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.13% 0.0386 42.19) 0.0%, oklch(29.65% 0.0456 37.68) 2.6%, oklch(30.16% 0.0562 30.07) 5.1%, oklch(30.76% 0.0688 20.90) 7.7%, oklch(31.54% 0.0821 11.73) 10.3%, oklch(32.59% 0.0947 4.10) 12.8%, oklch(34.01% 0.1052 359.56) 15.4%, oklch(35.89% 0.1122 359.67) 17.9%, oklch(38.36% 0.1144 6.00) 20.5%, oklch(42.18% 0.1113 20.05) 23.1%, oklch(47.24% 0.1043 40.49) 25.6%, oklch(52.93% 0.0944 65.18) 28.2%, oklch(58.64% 0.0828 92.01) 30.8%, oklch(63.78% 0.0707 118.82) 33.3%, oklch(67.73% 0.0593 143.50) 35.9%, oklch(69.89% 0.0498 163.91) 38.5%, oklch(69.64% 0.0429 178.08) 41.0%, oklch(66.58% 0.0362 186.48) 43.6%, oklch(61.39% 0.0293 190.82) 46.2%, oklch(54.85% 0.0231 192.71) 48.7%, oklch(47.77% 0.0180 193.75) 51.3%, oklch(40.93% 0.0147 195.51) 53.8%, oklch(35.15% 0.0138 199.62) 56.4%, oklch(31.20% 0.0160 207.65) 59.0%, oklch(29.68% 0.0225 221.28) 61.5%, oklch(29.97% 0.0350 240.80) 64.1%, oklch(31.58% 0.0520 264.34) 66.7%, oklch(34.08% 0.0712 289.90) 69.2%, oklch(37.04% 0.0906 315.46) 71.8%, oklch(40.01% 0.1083 339.04) 74.4%, oklch(42.57% 0.1222 358.61) 76.9%, oklch(44.28% 0.1302 12.19) 79.5%, oklch(45.05% 0.1309 18.52) 82.1%, oklch(45.38% 0.1258 19.05) 84.6%, oklch(45.40% 0.1163 15.24) 87.2%, oklch(45.21% 0.1041 8.51) 89.7%, oklch(44.88% 0.0909 0.31) 92.3%, oklch(44.52% 0.0781 352.08) 94.9%, oklch(44.23% 0.0675 345.25) 97.4%, oklch(44.09% 0.0606 341.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.039 | 42.2 |
| 2 | 0.378 | 0.114 | 4.1 |
| 3 | 0.701 | 0.045 | 173.2 |
| 4 | 0.303 | 0.018 | 212.3 |
| 5 | 0.445 | 0.131 | 374 |
| 6 | 0.441 | 0.061 | 341.2 |

## Other forms

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