# Silver lilac black diagonal

Brown, gray and black linear gradient with 48 colors: #191006, #1f140a, #271a12, #31221b, #3d2c27, #493734, #574344, #644f54, #715d66, #7d6b78, #887889, #908598, #9791a6, #9b9bb1, #9da3b8, #9ca7bb, #99a9b9, #93a5b3, #899ea7, #7e9498, #728687, #657774, #586661, #4b554f, #3e443e, #31342f, #252622, #1a1a17, #11110e, #0a0a08, #060606, #050505, #060606, #090909, #101010, #191919, #242424, #323232, #414241, #525352, #636664, #757978, #878c8b, #989e9e, #a8afb1, #b7bec1, #c4cbce, #cdd4d9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, gray and black linear gradient
- Seed: `kULhIx3IsrI6ALHuA9GA`
- Page: https://grabient.com/kULhIx3IsrI6ALHuA9GA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 13.6 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 | `#191006` | `oklch(18.11% 0.0248 69.61)` | Crowshead | white, 18.8 to 1 |
| 2 | `#1f140a` | `oklch(20.29% 0.0251 63.30)` | Soulless | white, 18 to 1 |
| 3 | `#271a12` | `oklch(23.26% 0.0255 55.66)` | Tetsu-Guro Black | white, 16.8 to 1 |
| 4 | `#31221b` | `oklch(26.89% 0.0260 46.84)` | Kenpōzome Black | white, 15.2 to 1 |
| 5 | `#3d2c27` | `oklch(31.03% 0.0267 36.98)` | English Walnut | white, 13.2 to 1 |
| 6 | `#493734` | `oklch(35.55% 0.0274 26.23)` | Brown Beauty | white, 11.1 to 1 |
| 7 | `#574344` | `oklch(40.33% 0.0281 14.74)` | Christmas Pudding | white, 9.2 to 1 |
| 8 | `#644f54` | `oklch(45.23% 0.0289 2.64)` | Sinful | white, 7.4 to 1 |
| 9 | `#715d66` | `oklch(50.12% 0.0296 350.08)` | Impromptu | white, 6 to 1 |
| 10 | `#7d6b78` | `oklch(54.86% 0.0302 337.22)` | Purple Dusk | white, 4.9 to 1 |
| 11 | `#887889` | `oklch(59.31% 0.0307 324.18)` | Classical Violet | black, 5.1 to 1 |
| 12 | `#908598` | `oklch(63.36% 0.0311 311.13)` | Purple Ash | black, 6 to 1 |
| 13 | `#9791a6` | `oklch(66.85% 0.0314 298.20)` | Alienator Grey | black, 6.9 to 1 |
| 14 | `#9b9bb1` | `oklch(69.67% 0.0314 285.54)` | Logan | black, 7.7 to 1 |
| 15 | `#9da3b8` | `oklch(71.67% 0.0312 273.29)` | Zen Blue | black, 8.3 to 1 |
| 16 | `#9ca7bb` | `oklch(72.72% 0.0308 261.60)` | Lead Ore | black, 8.6 to 1 |
| 17 | `#99a9b9` | `oklch(72.68% 0.0300 250.50)` | Lead Ore | black, 8.7 to 1 |
| 18 | `#93a5b3` | `oklch(71.29% 0.0289 238.74)` | River Valley | black, 8.2 to 1 |
| 19 | `#899ea7` | `oklch(68.66% 0.0274 226.10)` | Aqua Grey | black, 7.5 to 1 |
| 20 | `#7e9498` | `oklch(64.99% 0.0255 212.82)` | Lexington Blue | black, 6.5 to 1 |
| 21 | `#728687` | `oklch(60.47% 0.0234 199.14)` | Deep Thoughts | black, 5.4 to 1 |
| 22 | `#657774` | `oklch(55.31% 0.0211 185.29)` | North Grey | white, 4.7 to 1 |
| 23 | `#586661` | `oklch(49.69% 0.0187 171.51)` | Prehistoric | white, 6 to 1 |
| 24 | `#4b554f` | `oklch(43.82% 0.0162 158.03)` | Black Spruce | white, 7.7 to 1 |
| 25 | `#3e443e` | `oklch(37.89% 0.0136 145.10)` | Deep Forest | white, 9.9 to 1 |
| 26 | `#31342f` | `oklch(32.10% 0.0111 132.95)` | Oil | white, 12.5 to 1 |
| 27 | `#252622` | `oklch(26.65% 0.0087 121.81)` | Nero | white, 15.2 to 1 |
| 28 | `#1a1a17` | `oklch(21.73% 0.0065 111.93)` | Twilight Zone | white, 17.4 to 1 |
| 29 | `#11110e` | `oklch(17.55% 0.0045 103.53)` | Sinister | white, 18.9 to 1 |
| 30 | `#0a0a08` | `oklch(14.29% 0.0027 96.86)` | Badab Black Wash | white, 19.8 to 1 |
| 31 | `#060606` | `oklch(12.16% 0.0013 92.15)` | Black Metal | white, 20.2 to 1 |
| 32 | `#050505` | `oklch(11.36% 0.0002 89.64)` | Black Metal | white, 20.4 to 1 |
| 33 | `#060606` | `oklch(12.02% 0.0000 89.88)` | Black Metal | white, 20.2 to 1 |
| 34 | `#090909` | `oklch(13.99% 0.0000 89.88)` | Badab Black Wash | white, 19.9 to 1 |
| 35 | `#101010` | `oklch(17.12% 0.0000 89.88)` | Ruined Smores | white, 19 to 1 |
| 36 | `#191919` | `oklch(21.21% 0.0000 89.88)` | Thamar Black | white, 17.6 to 1 |
| 37 | `#242424` | `oklch(26.13% 0.0002 115.32)` | Nero | white, 15.4 to 1 |
| 38 | `#323232` | `oklch(31.69% 0.0009 126.32)` | Tomcat | white, 12.8 to 1 |
| 39 | `#414241` | `oklch(37.73% 0.0018 138.45)` | Black Panther | white, 10.1 to 1 |
| 40 | `#525352` | `oklch(44.10% 0.0028 151.34)` | Muted Ebony | white, 7.7 to 1 |
| 41 | `#636664` | `oklch(50.61% 0.0038 164.62)` | Cordite | white, 5.8 to 1 |
| 42 | `#757978` | `oklch(57.12% 0.0048 177.93)` | Riverstone | black, 4.7 to 1 |
| 43 | `#878c8b` | `oklch(63.44% 0.0059 190.92)` | City Storm | black, 6.1 to 1 |
| 44 | `#989e9e` | `oklch(69.42% 0.0069 203.22)` | Pencil Sketch | black, 7.7 to 1 |
| 45 | `#a8afb1` | `oklch(74.90% 0.0078 214.48)` | Mirror Mirror | black, 9.4 to 1 |
| 46 | `#b7bec1` | `oklch(79.70% 0.0086 224.32)` | Wheels Up! | black, 11.1 to 1 |
| 47 | `#c4cbce` | `oklch(83.66% 0.0092 232.40)` | Sacred Spring | black, 12.7 to 1 |
| 48 | `#cdd4d9` | `oklch(86.61% 0.0096 238.34)` | Polar Drift | black, 14 to 1 |

## CSS

```css
background: linear-gradient(135deg, #191006 0.0%, #1f140a 2.1%, #271a12 4.3%, #31221b 6.4%, #3d2c27 8.5%, #493734 10.6%, #574344 12.8%, #644f54 14.9%, #715d66 17.0%, #7d6b78 19.1%, #887889 21.3%, #908598 23.4%, #9791a6 25.5%, #9b9bb1 27.7%, #9da3b8 29.8%, #9ca7bb 31.9%, #99a9b9 34.0%, #93a5b3 36.2%, #899ea7 38.3%, #7e9498 40.4%, #728687 42.6%, #657774 44.7%, #586661 46.8%, #4b554f 48.9%, #3e443e 51.1%, #31342f 53.2%, #252622 55.3%, #1a1a17 57.4%, #11110e 59.6%, #0a0a08 61.7%, #060606 63.8%, #050505 66.0%, #060606 68.1%, #090909 70.2%, #101010 72.3%, #191919 74.5%, #242424 76.6%, #323232 78.7%, #414241 80.9%, #525352 83.0%, #636664 85.1%, #757978 87.2%, #878c8b 89.4%, #989e9e 91.5%, #a8afb1 93.6%, #b7bec1 95.7%, #c4cbce 97.9%, #cdd4d9 100.0%);
background: linear-gradient(135deg in oklch, oklch(18.11% 0.0248 69.61) 0.0%, oklch(20.29% 0.0251 63.30) 2.1%, oklch(23.26% 0.0255 55.66) 4.3%, oklch(26.89% 0.0260 46.84) 6.4%, oklch(31.03% 0.0267 36.98) 8.5%, oklch(35.55% 0.0274 26.23) 10.6%, oklch(40.33% 0.0281 14.74) 12.8%, oklch(45.23% 0.0289 2.64) 14.9%, oklch(50.12% 0.0296 350.08) 17.0%, oklch(54.86% 0.0302 337.22) 19.1%, oklch(59.31% 0.0307 324.18) 21.3%, oklch(63.36% 0.0311 311.13) 23.4%, oklch(66.85% 0.0314 298.20) 25.5%, oklch(69.67% 0.0314 285.54) 27.7%, oklch(71.67% 0.0312 273.29) 29.8%, oklch(72.72% 0.0308 261.60) 31.9%, oklch(72.68% 0.0300 250.50) 34.0%, oklch(71.29% 0.0289 238.74) 36.2%, oklch(68.66% 0.0274 226.10) 38.3%, oklch(64.99% 0.0255 212.82) 40.4%, oklch(60.47% 0.0234 199.14) 42.6%, oklch(55.31% 0.0211 185.29) 44.7%, oklch(49.69% 0.0187 171.51) 46.8%, oklch(43.82% 0.0162 158.03) 48.9%, oklch(37.89% 0.0136 145.10) 51.1%, oklch(32.10% 0.0111 132.95) 53.2%, oklch(26.65% 0.0087 121.81) 55.3%, oklch(21.73% 0.0065 111.93) 57.4%, oklch(17.55% 0.0045 103.53) 59.6%, oklch(14.29% 0.0027 96.86) 61.7%, oklch(12.16% 0.0013 92.15) 63.8%, oklch(11.36% 0.0002 89.64) 66.0%, oklch(12.02% 0.0000 89.88) 68.1%, oklch(13.99% 0.0000 89.88) 70.2%, oklch(17.12% 0.0000 89.88) 72.3%, oklch(21.21% 0.0000 89.88) 74.5%, oklch(26.13% 0.0002 115.32) 76.6%, oklch(31.69% 0.0009 126.32) 78.7%, oklch(37.73% 0.0018 138.45) 80.9%, oklch(44.10% 0.0028 151.34) 83.0%, oklch(50.61% 0.0038 164.62) 85.1%, oklch(57.12% 0.0048 177.93) 87.2%, oklch(63.44% 0.0059 190.92) 89.4%, oklch(69.42% 0.0069 203.22) 91.5%, oklch(74.90% 0.0078 214.48) 93.6%, oklch(79.70% 0.0086 224.32) 95.7%, oklch(83.66% 0.0092 232.40) 97.9%, oklch(86.61% 0.0096 238.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.025 | 69.6 |
| 2 | 0.728 | 0.03 | -105.8 |
| 3 | 0.114 | 0 | -270.7 |
| 4 | 0.866 | 0.01 | -121.7 |

## In these collections

- [Chrome gradients](https://grabient.com/chrome-gradients)

## Other forms

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