# Charcoal violet dusk gradient

Black and gray linear gradient with 48 colors: #1b0c1f, #1c0d1f, #1e0f21, #201122, #231424, #261625, #291927, #2c1d29, #2f202c, #33242e, #362731, #392b33, #3c2f36, #403339, #42373c, #453a3f, #483e41, #4a4144, #4c4446, #4d4648, #4e484a, #4f4a4b, #4f4b4c, #4f4b4c, #4f4b4c, #4e4a4b, #4c4849, #4a4647, #474445, #444142, #413d3f, #3e3a3c, #3a3639, #363235, #322d31, #2e292e, #29252a, #252127, #211d23, #1d1920, #19151d, #15121a, #110f17, #0e0c15, #0b0a12, #080810, #06060f, #05050d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black and gray linear gradient
- Seed: `kSLx_jNQJEw-Hts`
- Page: https://grabient.com/kSLx_jNQJEw-Hts?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: neutral, dark
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#1b0c1f` | `oklch(18.50% 0.0427 319.22)` | Shot in the Dark | white, 18.8 to 1 |
| 2 | `#1c0d1f` | `oklch(19.09% 0.0418 320.27)` | Shot in the Dark | white, 18.6 to 1 |
| 3 | `#1e0f21` | `oklch(19.83% 0.0407 321.65)` | Shot in the Dark | white, 18.3 to 1 |
| 4 | `#201122` | `oklch(20.72% 0.0394 323.32)` | Inside | white, 18 to 1 |
| 5 | `#231424` | `oklch(21.73% 0.0379 325.24)` | Inside | white, 17.6 to 1 |
| 6 | `#261625` | `oklch(22.85% 0.0363 327.38)` | Black Cherry | white, 17.1 to 1 |
| 7 | `#291927` | `oklch(24.07% 0.0346 329.70)` | Black Cherry | white, 16.6 to 1 |
| 8 | `#2c1d29` | `oklch(25.36% 0.0327 332.16)` | Shikon | white, 16 to 1 |
| 9 | `#2f202c` | `oklch(26.71% 0.0308 334.72)` | Delighted Chimp | white, 15.3 to 1 |
| 10 | `#33242e` | `oklch(28.09% 0.0288 337.35)` | Anubis Black | white, 14.7 to 1 |
| 11 | `#362731` | `oklch(29.50% 0.0268 340.02)` | Melanzane | white, 14 to 1 |
| 12 | `#392b33` | `oklch(30.91% 0.0247 342.68)` | Late Night Out | white, 13.3 to 1 |
| 13 | `#3c2f36` | `oklch(32.31% 0.0227 345.30)` | Venous Blood Red | white, 12.6 to 1 |
| 14 | `#403339` | `oklch(33.68% 0.0206 347.83)` | Disappearing Purple | white, 12 to 1 |
| 15 | `#42373c` | `oklch(35.00% 0.0186 350.26)` | Void Wellness Coach | white, 11.4 to 1 |
| 16 | `#453a3f` | `oklch(36.25% 0.0167 352.53)` | Pitch Black | white, 10.8 to 1 |
| 17 | `#483e41` | `oklch(37.42% 0.0148 354.60)` | Shale | white, 10.3 to 1 |
| 18 | `#4a4144` | `oklch(38.48% 0.0130 356.46)` | Dark Burgundy Wine | white, 9.8 to 1 |
| 19 | `#4c4446` | `oklch(39.43% 0.0114 358.05)` | Black Garnet | white, 9.4 to 1 |
| 20 | `#4d4648` | `oklch(40.24% 0.0099 359.34)` | Catwalk | white, 9.1 to 1 |
| 21 | `#4e484a` | `oklch(40.90% 0.0086 0.29)` | Black Elegance | white, 8.9 to 1 |
| 22 | `#4f4a4b` | `oklch(41.38% 0.0074 0.87)` | Emperor | white, 8.7 to 1 |
| 23 | `#4f4b4c` | `oklch(41.68% 0.0065 1.03)` | Deep Earth | white, 8.6 to 1 |
| 24 | `#4f4b4c` | `oklch(41.77% 0.0058 0.75)` | Deep Earth | white, 8.5 to 1 |
| 25 | `#4f4b4c` | `oklch(41.64% 0.0053 359.98)` | Deep Earth | white, 8.6 to 1 |
| 26 | `#4e4a4b` | `oklch(41.27% 0.0050 358.67)` | Bastion Grey | white, 8.7 to 1 |
| 27 | `#4c4849` | `oklch(40.68% 0.0050 356.86)` | Private Black | white, 8.9 to 1 |
| 28 | `#4a4647` | `oklch(39.90% 0.0051 354.60)` | Dampened Black | white, 9.2 to 1 |
| 29 | `#474445` | `oklch(38.94% 0.0054 351.92)` | Greenish Black | white, 9.6 to 1 |
| 30 | `#444142` | `oklch(37.82% 0.0058 348.88)` | Spade Black | white, 10.1 to 1 |
| 31 | `#413d3f` | `oklch(36.57% 0.0063 345.53)` | Midnight Escape | white, 10.6 to 1 |
| 32 | `#3e3a3c` | `oklch(35.19% 0.0070 341.89)` | Shisha Coal | white, 11.2 to 1 |
| 33 | `#3a3639` | `oklch(33.71% 0.0078 338.03)` | Shiny Rubber | white, 11.9 to 1 |
| 34 | `#363235` | `oklch(32.14% 0.0086 333.98)` | Black Tortoise | white, 12.6 to 1 |
| 35 | `#322d31` | `oklch(30.52% 0.0095 329.80)` | Deep Daichi Black | white, 13.4 to 1 |
| 36 | `#2e292e` | `oklch(28.84% 0.0105 325.52)` | Jaguar | white, 14.2 to 1 |
| 37 | `#29252a` | `oklch(27.15% 0.0115 321.19)` | Darth Vader | white, 15 to 1 |
| 38 | `#252127` | `oklch(25.44% 0.0126 316.86)` | Ink Black | white, 15.8 to 1 |
| 39 | `#211d23` | `oklch(23.75% 0.0136 312.56)` | Night Demons | white, 16.6 to 1 |
| 40 | `#1d1920` | `oklch(22.09% 0.0146 308.36)` | Night Demons | white, 17.3 to 1 |
| 41 | `#19151d` | `oklch(20.48% 0.0156 304.29)` | Violet Void | white, 17.9 to 1 |
| 42 | `#15121a` | `oklch(18.93% 0.0166 300.40)` | Back in Black | white, 18.5 to 1 |
| 43 | `#110f17` | `oklch(17.48% 0.0175 296.73)` | Nyctophobia | white, 19 to 1 |
| 44 | `#0e0c15` | `oklch(16.13% 0.0183 293.32)` | Midnight Oil | white, 19.4 to 1 |
| 45 | `#0b0a12` | `oklch(14.91% 0.0191 290.23)` | Midnight Oil | white, 19.7 to 1 |
| 46 | `#080810` | `oklch(13.84% 0.0197 287.50)` | Narwhal Grey | white, 19.9 to 1 |
| 47 | `#06060f` | `oklch(12.93% 0.0203 285.17)` | Narwhal Grey | white, 20.1 to 1 |
| 48 | `#05050d` | `oklch(12.20% 0.0207 283.29)` | Eight Ball | white, 20.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1b0c1f 0.0%, #1c0d1f 2.1%, #1e0f21 4.3%, #201122 6.4%, #231424 8.5%, #261625 10.6%, #291927 12.8%, #2c1d29 14.9%, #2f202c 17.0%, #33242e 19.1%, #362731 21.3%, #392b33 23.4%, #3c2f36 25.5%, #403339 27.7%, #42373c 29.8%, #453a3f 31.9%, #483e41 34.0%, #4a4144 36.2%, #4c4446 38.3%, #4d4648 40.4%, #4e484a 42.6%, #4f4a4b 44.7%, #4f4b4c 46.8%, #4f4b4c 48.9%, #4f4b4c 51.1%, #4e4a4b 53.2%, #4c4849 55.3%, #4a4647 57.4%, #474445 59.6%, #444142 61.7%, #413d3f 63.8%, #3e3a3c 66.0%, #3a3639 68.1%, #363235 70.2%, #322d31 72.3%, #2e292e 74.5%, #29252a 76.6%, #252127 78.7%, #211d23 80.9%, #1d1920 83.0%, #19151d 85.1%, #15121a 87.2%, #110f17 89.4%, #0e0c15 91.5%, #0b0a12 93.6%, #080810 95.7%, #06060f 97.9%, #05050d 100.0%);
background: linear-gradient(45deg in oklch, oklch(18.50% 0.0427 319.22) 0.0%, oklch(19.09% 0.0418 320.27) 2.1%, oklch(19.83% 0.0407 321.65) 4.3%, oklch(20.72% 0.0394 323.32) 6.4%, oklch(21.73% 0.0379 325.24) 8.5%, oklch(22.85% 0.0363 327.38) 10.6%, oklch(24.07% 0.0346 329.70) 12.8%, oklch(25.36% 0.0327 332.16) 14.9%, oklch(26.71% 0.0308 334.72) 17.0%, oklch(28.09% 0.0288 337.35) 19.1%, oklch(29.50% 0.0268 340.02) 21.3%, oklch(30.91% 0.0247 342.68) 23.4%, oklch(32.31% 0.0227 345.30) 25.5%, oklch(33.68% 0.0206 347.83) 27.7%, oklch(35.00% 0.0186 350.26) 29.8%, oklch(36.25% 0.0167 352.53) 31.9%, oklch(37.42% 0.0148 354.60) 34.0%, oklch(38.48% 0.0130 356.46) 36.2%, oklch(39.43% 0.0114 358.05) 38.3%, oklch(40.24% 0.0099 359.34) 40.4%, oklch(40.90% 0.0086 0.29) 42.6%, oklch(41.38% 0.0074 0.87) 44.7%, oklch(41.68% 0.0065 1.03) 46.8%, oklch(41.77% 0.0058 0.75) 48.9%, oklch(41.64% 0.0053 359.98) 51.1%, oklch(41.27% 0.0050 358.67) 53.2%, oklch(40.68% 0.0050 356.86) 55.3%, oklch(39.90% 0.0051 354.60) 57.4%, oklch(38.94% 0.0054 351.92) 59.6%, oklch(37.82% 0.0058 348.88) 61.7%, oklch(36.57% 0.0063 345.53) 63.8%, oklch(35.19% 0.0070 341.89) 66.0%, oklch(33.71% 0.0078 338.03) 68.1%, oklch(32.14% 0.0086 333.98) 70.2%, oklch(30.52% 0.0095 329.80) 72.3%, oklch(28.84% 0.0105 325.52) 74.5%, oklch(27.15% 0.0115 321.19) 76.6%, oklch(25.44% 0.0126 316.86) 78.7%, oklch(23.75% 0.0136 312.56) 80.9%, oklch(22.09% 0.0146 308.36) 83.0%, oklch(20.48% 0.0156 304.29) 85.1%, oklch(18.93% 0.0166 300.40) 87.2%, oklch(17.48% 0.0175 296.73) 89.4%, oklch(16.13% 0.0183 293.32) 91.5%, oklch(14.91% 0.0191 290.23) 93.6%, oklch(13.84% 0.0197 287.50) 95.7%, oklch(12.93% 0.0203 285.17) 97.9%, oklch(12.20% 0.0207 283.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.185 | 0.043 | 319.2 |
| 2 | 0.417 | 0.006 | 360.4 |
| 3 | 0.122 | 0.021 | 283.3 |

## In these collections

- [Halloween gradients](https://grabient.com/halloween-gradients)

## Other forms

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