# Blue violet dusk centered swatches

Analogous blue, black, gray and purple linear gradient with 32 colors: #452c90, #402887, #39237b, #311c6c, #28145c, #1f0c4b, #17073c, #110430, #0d0326, #0b0421, #0d0620, #130e25, #1f1b31, #312d41, #474456, #615e6f, #7d7989, #9995a4, #b3afbe, #cac6d5, #dad6e7, #e4def2, #e6dff8, #e2daf9, #dad0f7, #cfc3f2, #c2b4eb, #b4a4e4, #a695dc, #9a87d5, #907ccf, #8a75cc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous blue, black, gray and purple linear gradient
- Seed: `kUYnHNFJLAPMJwNOrz9g`
- Page: https://grabient.com/kUYnHNFJLAPMJwNOrz9g?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 15.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 | `#452c90` | `oklch(38.58% 0.1557 288.28)` | Galactic Purple | white, 10.4 to 1 |
| 2 | `#402887` | `oklch(36.89% 0.1494 288.38)` | Galactic Civilization | white, 11.1 to 1 |
| 3 | `#39237b` | `oklch(34.19% 0.1408 288.48)` | Explorer of the Galaxies | white, 12.3 to 1 |
| 4 | `#311c6c` | `oklch(30.81% 0.1306 288.58)` | Dark Dreams | white, 13.9 to 1 |
| 5 | `#28145c` | `oklch(27.08% 0.1191 288.70)` | Voldemort | white, 15.6 to 1 |
| 6 | `#1f0c4b` | `oklch(23.32% 0.1070 288.85)` | Indigo Sloth | white, 17.2 to 1 |
| 7 | `#17073c` | `oklch(19.85% 0.0946 289.03)` | Quiet Abyss | white, 18.5 to 1 |
| 8 | `#110430` | `oklch(17.00% 0.0825 289.25)` | Black Htun | white, 19.4 to 1 |
| 9 | `#0d0326` | `oklch(15.10% 0.0713 289.52)` | Election Night | white, 19.8 to 1 |
| 10 | `#0b0421` | `oklch(14.46% 0.0613 289.85)` | Election Night | white, 19.9 to 1 |
| 11 | `#0d0620` | `oklch(15.41% 0.0532 290.25)` | Election Night | white, 19.6 to 1 |
| 12 | `#130e25` | `oklch(18.41% 0.0469 290.75)` | Corbeau | white, 18.8 to 1 |
| 13 | `#1f1b31` | `oklch(23.77% 0.0411 291.41)` | Sombre Night | white, 16.6 to 1 |
| 14 | `#312d41` | `oklch(31.01% 0.0357 292.22)` | Viola Black | white, 13.2 to 1 |
| 15 | `#474456` | `oklch(39.58% 0.0311 293.10)` | Mourning Violet | white, 9.4 to 1 |
| 16 | `#615e6f` | `oklch(48.94% 0.0272 294.03)` | Mid Grey | white, 6.3 to 1 |
| 17 | `#7d7989` | `oklch(58.54% 0.0242 294.95)` | Brewing Storm | black, 4.9 to 1 |
| 18 | `#9995a4` | `oklch(67.83% 0.0223 295.81)` | Ash Violet | black, 7.1 to 1 |
| 19 | `#b3afbe` | `oklch(76.28% 0.0215 296.58)` | Veiled Delight | black, 9.8 to 1 |
| 20 | `#cac6d5` | `oklch(83.34% 0.0220 297.20)` | Dreamweaver | black, 12.5 to 1 |
| 21 | `#dad6e7` | `oklch(88.47% 0.0240 297.63)` | Slaanesh Grey | black, 14.7 to 1 |
| 22 | `#e4def2` | `oklch(91.17% 0.0276 297.83)` | Lingering Lilac | black, 16 to 1 |
| 23 | `#e6dff8` | `oklch(91.68% 0.0340 297.78)` | Lingering Lilac | black, 16.2 to 1 |
| 24 | `#e2daf9` | `oklch(90.47% 0.0429 297.54)` | Nostalgia Perfume | black, 15.6 to 1 |
| 25 | `#dad0f7` | `oklch(87.90% 0.0537 297.14)` | Pale Lavender | black, 14.3 to 1 |
| 26 | `#cfc3f2` | `oklch(84.32% 0.0657 296.63)` | Soap | black, 12.7 to 1 |
| 27 | `#c2b4eb` | `oklch(80.10% 0.0784 296.04)` | Purple Sand | black, 11 to 1 |
| 28 | `#b4a4e4` | `oklch(75.58% 0.0912 295.43)` | Enchanted Lavender | black, 9.3 to 1 |
| 29 | `#a695dc` | `oklch(71.14% 0.1032 294.83)` | Dull Lavender | black, 7.9 to 1 |
| 30 | `#9a87d5` | `oklch(67.12% 0.1141 294.29)` | Indigo Bloom | black, 6.7 to 1 |
| 31 | `#907ccf` | `oklch(63.89% 0.1231 293.86)` | Indigo Bloom | black, 5.9 to 1 |
| 32 | `#8a75cc` | `oklch(61.81% 0.1295 293.57)` | True V | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(315deg, #452c90 0.0%, #402887 3.2%, #39237b 6.5%, #311c6c 9.7%, #28145c 12.9%, #1f0c4b 16.1%, #17073c 19.4%, #110430 22.6%, #0d0326 25.8%, #0b0421 29.0%, #0d0620 32.3%, #130e25 35.5%, #1f1b31 38.7%, #312d41 41.9%, #474456 45.2%, #615e6f 48.4%, #7d7989 51.6%, #9995a4 54.8%, #b3afbe 58.1%, #cac6d5 61.3%, #dad6e7 64.5%, #e4def2 67.7%, #e6dff8 71.0%, #e2daf9 74.2%, #dad0f7 77.4%, #cfc3f2 80.6%, #c2b4eb 83.9%, #b4a4e4 87.1%, #a695dc 90.3%, #9a87d5 93.5%, #907ccf 96.8%, #8a75cc 100.0%);
background: linear-gradient(315deg in oklch, oklch(38.58% 0.1557 288.28) 0.0%, oklch(36.89% 0.1494 288.38) 3.2%, oklch(34.19% 0.1408 288.48) 6.5%, oklch(30.81% 0.1306 288.58) 9.7%, oklch(27.08% 0.1191 288.70) 12.9%, oklch(23.32% 0.1070 288.85) 16.1%, oklch(19.85% 0.0946 289.03) 19.4%, oklch(17.00% 0.0825 289.25) 22.6%, oklch(15.10% 0.0713 289.52) 25.8%, oklch(14.46% 0.0613 289.85) 29.0%, oklch(15.41% 0.0532 290.25) 32.3%, oklch(18.41% 0.0469 290.75) 35.5%, oklch(23.77% 0.0411 291.41) 38.7%, oklch(31.01% 0.0357 292.22) 41.9%, oklch(39.58% 0.0311 293.10) 45.2%, oklch(48.94% 0.0272 294.03) 48.4%, oklch(58.54% 0.0242 294.95) 51.6%, oklch(67.83% 0.0223 295.81) 54.8%, oklch(76.28% 0.0215 296.58) 58.1%, oklch(83.34% 0.0220 297.20) 61.3%, oklch(88.47% 0.0240 297.63) 64.5%, oklch(91.17% 0.0276 297.83) 67.7%, oklch(91.68% 0.0340 297.78) 71.0%, oklch(90.47% 0.0429 297.54) 74.2%, oklch(87.90% 0.0537 297.14) 77.4%, oklch(84.32% 0.0657 296.63) 80.6%, oklch(80.10% 0.0784 296.04) 83.9%, oklch(75.58% 0.0912 295.43) 87.1%, oklch(71.14% 0.1032 294.83) 90.3%, oklch(67.12% 0.1141 294.29) 93.5%, oklch(63.89% 0.1231 293.86) 96.8%, oklch(61.81% 0.1295 293.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.386 | 0.156 | 288.3 |
| 2 | 0.161 | 0.051 | 290.4 |
| 3 | 0.906 | 0.026 | 297.8 |
| 4 | 0.618 | 0.13 | 293.6 |

## In these collections

- [Monochrome purple gradients](https://grabient.com/monochrome-purple-gradients)

## Other forms

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