# Black violet dusk gradient

Black, purple and gray blue linear gradient with 34 colors: #000000, #000000, #000000, #000000, #000000, #000001, #010007, #040112, #0d0220, #17032c, #1f0635, #240b3d, #291045, #2c164c, #301b53, #36205a, #3b2561, #412a67, #462f6d, #4b3573, #4f3a78, #53407c, #564681, #584c85, #5b5288, #5d588b, #5f5f8d, #61658f, #626b91, #617193, #607995, #5f7f95, #608594, #628892. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, purple and gray blue linear gradient
- Seed: `kcAAC5BAdB5eeQuko79MKXADsgPxElb2zJC5Q`
- Page: https://grabient.com/kcAAC5BAdB5eeQuko79MKXADsgPxElb2zJC5Q?steps=34&angle=0
- Drawn as: linear gradient, 34 steps, 0 degrees
- Kinds: dark to light, muted, dark, cool
- 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 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 2 | `#000000` | `oklch(0.27% 0.0019 264.15)` | Black | white, 20.9 to 1 |
| 3 | `#000000` | `oklch(0.58% 0.0039 268.21)` | Black | white, 20.9 to 1 |
| 4 | `#000000` | `oklch(1.11% 0.0073 270.08)` | Black | white, 20.9 to 1 |
| 5 | `#000000` | `oklch(2.07% 0.0132 273.42)` | Black | white, 20.9 to 1 |
| 6 | `#000001` | `oklch(3.76% 0.0220 278.43)` | Black | white, 20.9 to 1 |
| 7 | `#010007` | `oklch(6.60% 0.0347 284.20)` | Benthic Black | white, 20.9 to 1 |
| 8 | `#040112` | `oklch(10.12% 0.0501 290.67)` | Obsidian Shard | white, 20.6 to 1 |
| 9 | `#0d0220` | `oklch(13.84% 0.0656 296.73)` | Election Night | white, 20.1 to 1 |
| 10 | `#17032c` | `oklch(17.25% 0.0786 301.24)` | Quiet Abyss | white, 19.3 to 1 |
| 11 | `#1f0635` | `oklch(19.99% 0.0868 303.18)` | Middle Red Purple | white, 18.5 to 1 |
| 12 | `#240b3d` | `oklch(22.32% 0.0917 302.70)` | Middle Red Purple | white, 17.6 to 1 |
| 13 | `#291045` | `oklch(24.43% 0.0943 300.84)` | Oily Purple | white, 16.7 to 1 |
| 14 | `#2c164c` | `oklch(26.43% 0.0959 298.66)` | Russian Violet | white, 15.8 to 1 |
| 15 | `#301b53` | `oklch(28.44% 0.0975 297.23)` | Russian Violet | white, 14.8 to 1 |
| 16 | `#36205a` | `oklch(30.52% 0.0997 297.06)` | Christalle | white, 13.8 to 1 |
| 17 | `#3b2561` | `oklch(32.57% 0.1017 297.50)` | Christalle | white, 12.9 to 1 |
| 18 | `#412a67` | `oklch(34.59% 0.1031 298.10)` | Violet Indigo | white, 11.9 to 1 |
| 19 | `#462f6d` | `oklch(36.55% 0.1037 298.44)` | Abra Purple | white, 11 to 1 |
| 20 | `#4b3573` | `oklch(38.46% 0.1032 298.10)` | Galactic Compass | white, 10.2 to 1 |
| 21 | `#4f3a78` | `oklch(40.29% 0.1014 297.25)` | Loden Purple | white, 9.4 to 1 |
| 22 | `#53407c` | `oklch(42.07% 0.0986 296.06)` | Cyber Grape | white, 8.7 to 1 |
| 23 | `#564681` | `oklch(43.80% 0.0950 294.44)` | Gentian Violet | white, 8.1 to 1 |
| 24 | `#584c85` | `oklch(45.50% 0.0908 292.30)` | Bright Eggplant | white, 7.5 to 1 |
| 25 | `#5b5288` | `oklch(47.17% 0.0860 289.65)` | Freshly Purpleized | white, 6.9 to 1 |
| 26 | `#5d588b` | `oklch(48.82% 0.0799 287.08)` | Mountain Iris | white, 6.4 to 1 |
| 27 | `#5f5f8d` | `oklch(50.43% 0.0731 284.09)` | Majestic Purple | white, 6 to 1 |
| 28 | `#61658f` | `oklch(52.00% 0.0664 279.95)` | Twilight Purple | white, 5.5 to 1 |
| 29 | `#626b91` | `oklch(53.52% 0.0606 273.94)` | Justice | white, 5.2 to 1 |
| 30 | `#617193` | `oklch(55.02% 0.0562 264.77)` | Ocean Night | white, 4.8 to 1 |
| 31 | `#607995` | `oklch(56.58% 0.0525 251.78)` | Cropper Blue | black, 4.6 to 1 |
| 32 | `#5f7f95` | `oklch(58.07% 0.0496 237.51)` | Blue Heaven | black, 4.9 to 1 |
| 33 | `#608594` | `oklch(59.34% 0.0472 224.62)` | Play Me a Melody | black, 5.2 to 1 |
| 34 | `#628892` | `oklch(60.24% 0.0455 215.77)` | Horizon | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(0deg, #000000 0.0%, #000000 3.0%, #000000 6.1%, #000000 9.1%, #000000 12.1%, #000001 15.2%, #010007 18.2%, #040112 21.2%, #0d0220 24.2%, #17032c 27.3%, #1f0635 30.3%, #240b3d 33.3%, #291045 36.4%, #2c164c 39.4%, #301b53 42.4%, #36205a 45.5%, #3b2561 48.5%, #412a67 51.5%, #462f6d 54.5%, #4b3573 57.6%, #4f3a78 60.6%, #53407c 63.6%, #564681 66.7%, #584c85 69.7%, #5b5288 72.7%, #5d588b 75.8%, #5f5f8d 78.8%, #61658f 81.8%, #626b91 84.8%, #617193 87.9%, #607995 90.9%, #5f7f95 93.9%, #608594 97.0%, #628892 100.0%);
background: linear-gradient(0deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(0.27% 0.0019 264.15) 3.0%, oklch(0.58% 0.0039 268.21) 6.1%, oklch(1.11% 0.0073 270.08) 9.1%, oklch(2.07% 0.0132 273.42) 12.1%, oklch(3.76% 0.0220 278.43) 15.2%, oklch(6.60% 0.0347 284.20) 18.2%, oklch(10.12% 0.0501 290.67) 21.2%, oklch(13.84% 0.0656 296.73) 24.2%, oklch(17.25% 0.0786 301.24) 27.3%, oklch(19.99% 0.0868 303.18) 30.3%, oklch(22.32% 0.0917 302.70) 33.3%, oklch(24.43% 0.0943 300.84) 36.4%, oklch(26.43% 0.0959 298.66) 39.4%, oklch(28.44% 0.0975 297.23) 42.4%, oklch(30.52% 0.0997 297.06) 45.5%, oklch(32.57% 0.1017 297.50) 48.5%, oklch(34.59% 0.1031 298.10) 51.5%, oklch(36.55% 0.1037 298.44) 54.5%, oklch(38.46% 0.1032 298.10) 57.6%, oklch(40.29% 0.1014 297.25) 60.6%, oklch(42.07% 0.0986 296.06) 63.6%, oklch(43.80% 0.0950 294.44) 66.7%, oklch(45.50% 0.0908 292.30) 69.7%, oklch(47.17% 0.0860 289.65) 72.7%, oklch(48.82% 0.0799 287.08) 75.8%, oklch(50.43% 0.0731 284.09) 78.8%, oklch(52.00% 0.0664 279.95) 81.8%, oklch(53.52% 0.0606 273.94) 84.8%, oklch(55.02% 0.0562 264.77) 87.9%, oklch(56.58% 0.0525 251.78) 90.9%, oklch(58.07% 0.0496 237.51) 93.9%, oklch(59.34% 0.0472 224.62) 97.0%, oklch(60.24% 0.0455 215.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0 | 0 | 260.2 |
| 2 | 0.031 | 0.019 | 277.1 |
| 3 | 0.185 | 0.083 | 302.4 |
| 4 | 0.287 | 0.098 | 297.1 |
| 5 | 0.382 | 0.103 | 298.2 |
| 6 | 0.465 | 0.088 | 290.8 |
| 7 | 0.539 | 0.059 | 271.8 |
| 8 | 0.602 | 0.045 | 215.8 |

## In these collections

- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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