# Gray, brown, maroon and purple linear gradient

Gray, brown, maroon and purple linear gradient with 48 colors: #bcc5bc, #b4bdb1, #a9b1a1, #9ea38e, #939279, #8a8063, #806d4f, #785a3d, #6f4830, #663727, #5e2923, #571d21, #531521, #520e21, #540722, #580222, #5d0023, #640023, #6c0024, #750024, #7f0025, #880127, #900a2d, #951537, #991e44, #9a2a55, #9b3868, #99467b, #96548d, #91629b, #8c6fa4, #887ba8, #8785a9, #878ca7, #8990a3, #8b929f, #8b919a, #898d93, #85888c, #7f8184, #77797c, #6f7174, #67696c, #5f6164, #57595d, #505257, #4b4d52, #47494e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWzwxnpyEwbi6P5ThzMM4NAw`
- Page: https://grabient.com/kWzwxnpyEwbi6P5ThzMM4NAw?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.3 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 | `#bcc5bc` | `oklch(81.50% 0.0165 145.55)` | Three Wishes | black, 11.8 to 1 |
| 2 | `#b4bdb1` | `oklch(78.77% 0.0202 138.64)` | Silver Moss | black, 10.8 to 1 |
| 3 | `#a9b1a1` | `oklch(75.05% 0.0249 129.38)` | Montezuma Hills | black, 9.5 to 1 |
| 4 | `#9ea38e` | `oklch(70.56% 0.0304 118.26)` | Meadowood | black, 8 to 1 |
| 5 | `#939279` | `oklch(65.50% 0.0366 105.75)` | Paseo Verde | black, 6.6 to 1 |
| 6 | `#8a8063` | `oklch(60.09% 0.0433 92.34)` | Olive Haze | black, 5.3 to 1 |
| 7 | `#806d4f` | `oklch(54.55% 0.0503 78.49)` | Muskrat | white, 4.9 to 1 |
| 8 | `#785a3d` | `oklch(49.08% 0.0576 64.69)` | Wooden Cabin | white, 6.3 to 1 |
| 9 | `#6f4830` | `oklch(43.90% 0.0650 51.42)` | Axe Handle | white, 7.9 to 1 |
| 10 | `#663727` | `oklch(39.23% 0.0723 39.15)` | Hairy Heath | white, 9.8 to 1 |
| 11 | `#5e2923` | `oklch(35.27% 0.0795 28.37)` | Ebicha Brown | white, 11.5 to 1 |
| 12 | `#571d21` | `oklch(32.24% 0.0862 19.55)` | Burnt Crimson | white, 13 to 1 |
| 13 | `#531521` | `oklch(30.34% 0.0925 13.16)` | Chocolate Cosmos | white, 14 to 1 |
| 14 | `#520e21` | `oklch(29.39% 0.0996 9.28)` | Maroon Oak | white, 14.5 to 1 |
| 15 | `#540722` | `oklch(29.20% 0.1076 7.47)` | Fig Balsamic | white, 14.6 to 1 |
| 16 | `#580222` | `oklch(29.64% 0.1162 7.30)` | Fig Balsamic | white, 14.5 to 1 |
| 17 | `#5d0023` | `oklch(30.65% 0.1227 8.43)` | Baal Red Wash | white, 14 to 1 |
| 18 | `#640023` | `oklch(32.06% 0.1282 10.25)` | Spring Lobster | white, 13.4 to 1 |
| 19 | `#6c0024` | `oklch(33.80% 0.1351 12.43)` | Plum Cheese | white, 12.6 to 1 |
| 20 | `#750024` | `oklch(35.76% 0.1429 14.52)` | Evil Forces | white, 11.7 to 1 |
| 21 | `#7f0025` | `oklch(37.84% 0.1514 16.10)` | Oxblood | white, 10.9 to 1 |
| 22 | `#880127` | `oklch(39.91% 0.1591 16.70)` | Red Mulled Wine | white, 10 to 1 |
| 23 | `#900a2d` | `oklch(41.91% 0.1613 15.97)` | Bacchic Burgundy | white, 9.2 to 1 |
| 24 | `#951537` | `oklch(43.70% 0.1610 13.42)` | French Winery | white, 8.5 to 1 |
| 25 | `#991e44` | `oklch(45.29% 0.1578 8.67)` | Berry Rossi | white, 8 to 1 |
| 26 | `#9a2a55` | `oklch(47.17% 0.1512 1.75)` | Figue Pulp | white, 7.3 to 1 |
| 27 | `#9b3868` | `oklch(49.35% 0.1414 353.08)` | Scarlet Flame | white, 6.6 to 1 |
| 28 | `#99467b` | `oklch(51.72% 0.1293 343.06)` | Orchid Lei | white, 5.9 to 1 |
| 29 | `#96548d` | `oklch(54.19% 0.1154 332.10)` | Àn Zǐ Purple | white, 5.3 to 1 |
| 30 | `#91629b` | `oklch(56.65% 0.1004 320.61)` | Aster Violetta | white, 4.7 to 1 |
| 31 | `#8c6fa4` | `oklch(59.01% 0.0848 309.02)` | Babiana | black, 4.9 to 1 |
| 32 | `#887ba8` | `oklch(61.17% 0.0693 297.71)` | Aster | black, 5.4 to 1 |
| 33 | `#8785a9` | `oklch(63.02% 0.0546 287.11)` | Purple Hills | black, 5.9 to 1 |
| 34 | `#878ca7` | `oklch(64.47% 0.0412 277.63)` | Violet Verbena | black, 6.3 to 1 |
| 35 | `#8990a3` | `oklch(65.42% 0.0298 269.67)` | Dusty Heather | black, 6.5 to 1 |
| 36 | `#8b929f` | `oklch(65.77% 0.0210 263.65)` | Lilac Fields | black, 6.6 to 1 |
| 37 | `#8b919a` | `oklch(65.39% 0.0149 259.73)` | Seal Grey | black, 6.5 to 1 |
| 38 | `#898d93` | `oklch(64.26% 0.0106 257.40)` | Nuts and Bolts | black, 6.3 to 1 |
| 39 | `#85888c` | `oklch(62.51% 0.0076 256.40)` | Monument | black, 5.8 to 1 |
| 40 | `#7f8184` | `oklch(60.27% 0.0058 256.51)` | Sharkskin | black, 5.3 to 1 |
| 41 | `#77797c` | `oklch(57.67% 0.0050 257.51)` | Steel | black, 4.8 to 1 |
| 42 | `#6f7174` | `oklch(54.84% 0.0050 259.15)` | Antique Tin | white, 4.8 to 1 |
| 43 | `#67696c` | `oklch(51.92% 0.0054 261.22)` | Midnight Grey | white, 5.5 to 1 |
| 44 | `#5f6164` | `oklch(49.04% 0.0063 263.48)` | Sheet Metal | white, 6.2 to 1 |
| 45 | `#57595d` | `oklch(46.33% 0.0072 265.70)` | Summer Concrete | white, 7 to 1 |
| 46 | `#505257` | `oklch(43.92% 0.0079 267.67)` | Water Ouzel | white, 7.7 to 1 |
| 47 | `#4b4d52` | `oklch(41.95% 0.0084 269.14)` | Poppy Seed | white, 8.4 to 1 |
| 48 | `#47494e` | `oklch(40.55% 0.0083 269.89)` | Tuna | white, 9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #bcc5bc 0.0%, #b4bdb1 2.1%, #a9b1a1 4.3%, #9ea38e 6.4%, #939279 8.5%, #8a8063 10.6%, #806d4f 12.8%, #785a3d 14.9%, #6f4830 17.0%, #663727 19.1%, #5e2923 21.3%, #571d21 23.4%, #531521 25.5%, #520e21 27.7%, #540722 29.8%, #580222 31.9%, #5d0023 34.0%, #640023 36.2%, #6c0024 38.3%, #750024 40.4%, #7f0025 42.6%, #880127 44.7%, #900a2d 46.8%, #951537 48.9%, #991e44 51.1%, #9a2a55 53.2%, #9b3868 55.3%, #99467b 57.4%, #96548d 59.6%, #91629b 61.7%, #8c6fa4 63.8%, #887ba8 66.0%, #8785a9 68.1%, #878ca7 70.2%, #8990a3 72.3%, #8b929f 74.5%, #8b919a 76.6%, #898d93 78.7%, #85888c 80.9%, #7f8184 83.0%, #77797c 85.1%, #6f7174 87.2%, #67696c 89.4%, #5f6164 91.5%, #57595d 93.6%, #505257 95.7%, #4b4d52 97.9%, #47494e 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.50% 0.0165 145.55) 0.0%, oklch(78.77% 0.0202 138.64) 2.1%, oklch(75.05% 0.0249 129.38) 4.3%, oklch(70.56% 0.0304 118.26) 6.4%, oklch(65.50% 0.0366 105.75) 8.5%, oklch(60.09% 0.0433 92.34) 10.6%, oklch(54.55% 0.0503 78.49) 12.8%, oklch(49.08% 0.0576 64.69) 14.9%, oklch(43.90% 0.0650 51.42) 17.0%, oklch(39.23% 0.0723 39.15) 19.1%, oklch(35.27% 0.0795 28.37) 21.3%, oklch(32.24% 0.0862 19.55) 23.4%, oklch(30.34% 0.0925 13.16) 25.5%, oklch(29.39% 0.0996 9.28) 27.7%, oklch(29.20% 0.1076 7.47) 29.8%, oklch(29.64% 0.1162 7.30) 31.9%, oklch(30.65% 0.1227 8.43) 34.0%, oklch(32.06% 0.1282 10.25) 36.2%, oklch(33.80% 0.1351 12.43) 38.3%, oklch(35.76% 0.1429 14.52) 40.4%, oklch(37.84% 0.1514 16.10) 42.6%, oklch(39.91% 0.1591 16.70) 44.7%, oklch(41.91% 0.1613 15.97) 46.8%, oklch(43.70% 0.1610 13.42) 48.9%, oklch(45.29% 0.1578 8.67) 51.1%, oklch(47.17% 0.1512 1.75) 53.2%, oklch(49.35% 0.1414 353.08) 55.3%, oklch(51.72% 0.1293 343.06) 57.4%, oklch(54.19% 0.1154 332.10) 59.6%, oklch(56.65% 0.1004 320.61) 61.7%, oklch(59.01% 0.0848 309.02) 63.8%, oklch(61.17% 0.0693 297.71) 66.0%, oklch(63.02% 0.0546 287.11) 68.1%, oklch(64.47% 0.0412 277.63) 70.2%, oklch(65.42% 0.0298 269.67) 72.3%, oklch(65.77% 0.0210 263.65) 74.5%, oklch(65.39% 0.0149 259.73) 76.6%, oklch(64.26% 0.0106 257.40) 78.7%, oklch(62.51% 0.0076 256.40) 80.9%, oklch(60.27% 0.0058 256.51) 83.0%, oklch(57.67% 0.0050 257.51) 85.1%, oklch(54.84% 0.0050 259.15) 87.2%, oklch(51.92% 0.0054 261.22) 89.4%, oklch(49.04% 0.0063 263.48) 91.5%, oklch(46.33% 0.0072 265.70) 93.6%, oklch(43.92% 0.0079 267.67) 95.7%, oklch(41.95% 0.0084 269.14) 97.9%, oklch(40.55% 0.0083 269.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.017 | 145.5 |
| 2 | 0.307 | 0.091 | 14.5 |
| 3 | 0.445 | 0.16 | 11.3 |
| 4 | 0.657 | 0.019 | -97.5 |
| 5 | 0.406 | 0.008 | -90.1 |

## Other forms

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