# Violet plum black folded rays

Purple to black angular gradient with 21 colors: #4b1a4a, #532354, #5e2f61, #673a6e, #6b4176, #6c477c, #6b4a80, #674980, #5f457d, #553d77, #4a356f, #3e2b64, #312057, #26154a, #1c0c3d, #130431, #0c0126, #0a011e, #0e0419, #120a16, #140f15. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple to black angular gradient
- Seed: `kaUEnptyO_Dshvowoz6nqE_JEZP-WhcNg`
- Page: https://grabient.com/kaUEnptyO_Dshvowoz6nqE_JEZP-WhcNg?style=angularGradient&steps=21&angle=135
- Drawn as: angular gradient, 21 steps, 135 degrees
- Kinds: dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#4b1a4a` | `oklch(31.50% 0.1006 328.36)` | Violet Carmine | white, 13.5 to 1 |
| 2 | `#532354` | `oklch(34.44% 0.1001 326.82)` | Kuwanomi Purple | white, 12.1 to 1 |
| 3 | `#5e2f61` | `oklch(38.64% 0.0993 324.58)` | Imperial Purple | white, 10.2 to 1 |
| 4 | `#673a6e` | `oklch(42.42% 0.0982 321.91)` | Plum | white, 8.7 to 1 |
| 5 | `#6b4176` | `oklch(44.67% 0.0968 318.89)` | Palace Purple | white, 7.9 to 1 |
| 6 | `#6c477c` | `oklch(46.14% 0.0946 315.35)` | Perfectly Purple | white, 7.4 to 1 |
| 7 | `#6b4a80` | `oklch(46.70% 0.0929 311.66)` | Plum Jam | white, 7.2 to 1 |
| 8 | `#674980` | `oklch(46.12% 0.0924 308.22)` | Violet Majesty | white, 7.3 to 1 |
| 9 | `#5f457d` | `oklch(44.26% 0.0937 304.83)` | In the Vines | white, 8 to 1 |
| 10 | `#553d77` | `oklch(41.46% 0.0956 301.60)` | Loden Purple | white, 9 to 1 |
| 11 | `#4a356f` | `oklch(38.19% 0.0965 298.77)` | Petunia | white, 10.3 to 1 |
| 12 | `#3e2b64` | `oklch(34.26% 0.0960 296.36)` | Minsk | white, 12 to 1 |
| 13 | `#312057` | `oklch(29.71% 0.0948 294.31)` | Cluedo Night | white, 14.2 to 1 |
| 14 | `#26154a` | `oklch(25.32% 0.0922 292.79)` | Shadow Planet | white, 16.2 to 1 |
| 15 | `#1c0c3d` | `oklch(21.42% 0.0881 291.55)` | Middle Red Purple | white, 17.9 to 1 |
| 16 | `#130431` | `oklch(17.54% 0.0829 290.18)` | Quiet Abyss | white, 19.2 to 1 |
| 17 | `#0c0126` | `oklch(14.50% 0.0756 290.43)` | Space Grey | white, 20 to 1 |
| 18 | `#0a011e` | `oklch(13.23% 0.0646 294.32)` | Midnight Jam | white, 20.2 to 1 |
| 19 | `#0e0419` | `oklch(14.25% 0.0471 303.56)` | Election Night | white, 19.9 to 1 |
| 20 | `#120a16` | `oklch(16.26% 0.0283 314.38)` | Noir Fiction | white, 19.4 to 1 |
| 21 | `#140f15` | `oklch(17.72% 0.0152 322.02)` | Ruined Smores | white, 18.9 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #4b1a4a 0.0%, #532354 5.0%, #5e2f61 10.0%, #673a6e 15.0%, #6b4176 20.0%, #6c477c 25.0%, #6b4a80 30.0%, #674980 35.0%, #5f457d 40.0%, #553d77 45.0%, #4a356f 50.0%, #3e2b64 55.0%, #312057 60.0%, #26154a 65.0%, #1c0c3d 70.0%, #130431 75.0%, #0c0126 80.0%, #0a011e 85.0%, #0e0419 90.0%, #120a16 95.0%, #140f15 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(31.50% 0.1006 328.36) 0.0%, oklch(34.44% 0.1001 326.82) 5.0%, oklch(38.64% 0.0993 324.58) 10.0%, oklch(42.42% 0.0982 321.91) 15.0%, oklch(44.67% 0.0968 318.89) 20.0%, oklch(46.14% 0.0946 315.35) 25.0%, oklch(46.70% 0.0929 311.66) 30.0%, oklch(46.12% 0.0924 308.22) 35.0%, oklch(44.26% 0.0937 304.83) 40.0%, oklch(41.46% 0.0956 301.60) 45.0%, oklch(38.19% 0.0965 298.77) 50.0%, oklch(34.26% 0.0960 296.36) 55.0%, oklch(29.71% 0.0948 294.31) 60.0%, oklch(25.32% 0.0922 292.79) 65.0%, oklch(21.42% 0.0881 291.55) 70.0%, oklch(17.54% 0.0829 290.18) 75.0%, oklch(14.50% 0.0756 290.43) 80.0%, oklch(13.23% 0.0646 294.32) 85.0%, oklch(14.25% 0.0471 303.56) 90.0%, oklch(16.26% 0.0283 314.38) 95.0%, oklch(17.72% 0.0152 322.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.101 | 328.4 |
| 2 | 0.433 | 0.098 | 321 |
| 3 | 0.465 | 0.092 | 309.3 |
| 4 | 0.382 | 0.096 | 298.8 |
| 5 | 0.24 | 0.091 | 292.4 |
| 6 | 0.134 | 0.069 | 292.4 |
| 7 | 0.177 | 0.015 | 322 |

## In these collections

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

## Other forms

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