# Dark Violet Periwinkle Blue Rings

Dark purple, pink, lavender and blue radial gradient with 32 colors: #160c2b, #201034, #2e143f, #421949, #5a1d51, #752155, #912754, #ac2f4d, #c43a44, #d94839, #e85534, #f4623b, #fd6f4e, #ff816c, #ff9188, #ff9fa1, #ffabb6, #ffb5c7, #ffbcd5, #fbc3e0, #f6c7e6, #f1c7e9, #ebc2ea, #e1baeb, #d5afeb, #c5a3ec, #b396ec, #9f8aec, #8a7eeb, #7674ea, #636ce9, #5467e8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark purple, pink, lavender and blue radial gradient
- Seed: `kUMCzR00TL2-XuNIxriA`
- Page: https://grabient.com/kUMCzR00TL2-XuNIxriA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#160c2b` | `oklch(18.90% 0.0606 294.61)` | Midnight Monarch | white, 18.7 to 1 |
| 2 | `#201034` | `oklch(21.66% 0.0690 301.04)` | Blacklist | white, 17.7 to 1 |
| 3 | `#2e143f` | `oklch(25.33% 0.0812 310.15)` | Blackcurrant | white, 16.2 to 1 |
| 4 | `#421949` | `oklch(29.71% 0.0960 321.22)` | Obsidian Orchid | white, 14.3 to 1 |
| 5 | `#5a1d51` | `oklch(34.61% 0.1125 333.55)` | Purple Velour | white, 12.1 to 1 |
| 6 | `#752155` | `oklch(39.83% 0.1296 346.42)` | Dried Flower Purple | white, 9.9 to 1 |
| 7 | `#912754` | `oklch(45.20% 0.1463 359.13)` | Figue Pulp | white, 8 to 1 |
| 8 | `#ac2f4d` | `oklch(50.51% 0.1616 10.97)` | Mad About You | white, 6.4 to 1 |
| 9 | `#c43a44` | `oklch(55.57% 0.1744 21.22)` | Poppy | white, 5.1 to 1 |
| 10 | `#d94839` | `oklch(60.20% 0.1837 29.18)` | Goblet Waxcap | black, 4.9 to 1 |
| 11 | `#e85534` | `oklch(64.20% 0.1884 34.14)` | Burning Tomato | black, 5.7 to 1 |
| 12 | `#f4623b` | `oklch(67.58% 0.1874 35.65)` | Firecracker | black, 6.6 to 1 |
| 13 | `#fd6f4e` | `oklch(70.92% 0.1803 34.42)` | Outrageous Orange | black, 7.5 to 1 |
| 14 | `#ff816c` | `oklch(74.16% 0.1579 30.92)` | Smoked Salmon | black, 8.5 to 1 |
| 15 | `#ff9188` | `oklch(77.25% 0.1338 25.58)` | Prime Pink | black, 9.6 to 1 |
| 16 | `#ff9fa1` | `oklch(80.09% 0.1141 18.82)` | Strawberry Frappé | black, 10.7 to 1 |
| 17 | `#ffabb6` | `oklch(82.61% 0.0991 11.09)` | A Brand New Day | black, 11.7 to 1 |
| 18 | `#ffb5c7` | `oklch(84.73% 0.0888 2.82)` | Cherry Blossom Pink | black, 12.6 to 1 |
| 19 | `#ffbcd5` | `oklch(86.37% 0.0832 354.42)` | Cotton Candy | black, 13.4 to 1 |
| 20 | `#fbc3e0` | `oklch(87.45% 0.0731 346.35)` | Sugarwinkle | black, 13.9 to 1 |
| 21 | `#f6c7e6` | `oklch(87.89% 0.0661 339.02)` | Sugarwinkle | black, 14.2 to 1 |
| 22 | `#f1c7e9` | `oklch(87.59% 0.0652 332.76)` | Sugar High | black, 14 to 1 |
| 23 | `#ebc2ea` | `oklch(86.21% 0.0700 326.37)` | Purple’s Baby Sister | black, 13.4 to 1 |
| 24 | `#e1baeb` | `oklch(83.85% 0.0794 319.60)` | Beefy Pink | black, 12.4 to 1 |
| 25 | `#d5afeb` | `oklch(80.74% 0.0923 312.61)` | Petal Plush | black, 11.1 to 1 |
| 26 | `#c5a3ec` | `oklch(77.11% 0.1078 305.59)` | Lavender Cream | black, 9.8 to 1 |
| 27 | `#b396ec` | `oklch(73.18% 0.1246 298.70)` | Dreamy Candy Forest | black, 8.4 to 1 |
| 28 | `#9f8aec` | `oklch(69.18% 0.1419 292.12)` | Perrywinkle | black, 7.2 to 1 |
| 29 | `#8a7eeb` | `oklch(65.35% 0.1586 286.02)` | Lavender Blue Shadow | black, 6.2 to 1 |
| 30 | `#7674ea` | `oklch(61.90% 0.1735 280.59)` | Hera Blue | black, 5.4 to 1 |
| 31 | `#636ce9` | `oklch(59.07% 0.1858 276.00)` | Blue Hepatica | black, 4.8 to 1 |
| 32 | `#5467e8` | `oklch(57.09% 0.1943 272.42)` | Flickering Sea | white, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #160c2b 0.0%, #201034 3.2%, #2e143f 6.5%, #421949 9.7%, #5a1d51 12.9%, #752155 16.1%, #912754 19.4%, #ac2f4d 22.6%, #c43a44 25.8%, #d94839 29.0%, #e85534 32.3%, #f4623b 35.5%, #fd6f4e 38.7%, #ff816c 41.9%, #ff9188 45.2%, #ff9fa1 48.4%, #ffabb6 51.6%, #ffb5c7 54.8%, #ffbcd5 58.1%, #fbc3e0 61.3%, #f6c7e6 64.5%, #f1c7e9 67.7%, #ebc2ea 71.0%, #e1baeb 74.2%, #d5afeb 77.4%, #c5a3ec 80.6%, #b396ec 83.9%, #9f8aec 87.1%, #8a7eeb 90.3%, #7674ea 93.5%, #636ce9 96.8%, #5467e8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.90% 0.0606 294.61) 0.0%, oklch(21.66% 0.0690 301.04) 3.2%, oklch(25.33% 0.0812 310.15) 6.5%, oklch(29.71% 0.0960 321.22) 9.7%, oklch(34.61% 0.1125 333.55) 12.9%, oklch(39.83% 0.1296 346.42) 16.1%, oklch(45.20% 0.1463 359.13) 19.4%, oklch(50.51% 0.1616 10.97) 22.6%, oklch(55.57% 0.1744 21.22) 25.8%, oklch(60.20% 0.1837 29.18) 29.0%, oklch(64.20% 0.1884 34.14) 32.3%, oklch(67.58% 0.1874 35.65) 35.5%, oklch(70.92% 0.1803 34.42) 38.7%, oklch(74.16% 0.1579 30.92) 41.9%, oklch(77.25% 0.1338 25.58) 45.2%, oklch(80.09% 0.1141 18.82) 48.4%, oklch(82.61% 0.0991 11.09) 51.6%, oklch(84.73% 0.0888 2.82) 54.8%, oklch(86.37% 0.0832 354.42) 58.1%, oklch(87.45% 0.0731 346.35) 61.3%, oklch(87.89% 0.0661 339.02) 64.5%, oklch(87.59% 0.0652 332.76) 67.7%, oklch(86.21% 0.0700 326.37) 71.0%, oklch(83.85% 0.0794 319.60) 74.2%, oklch(80.74% 0.0923 312.61) 77.4%, oklch(77.11% 0.1078 305.59) 80.6%, oklch(73.18% 0.1246 298.70) 83.9%, oklch(69.18% 0.1419 292.12) 87.1%, oklch(65.35% 0.1586 286.02) 90.3%, oklch(61.90% 0.1735 280.59) 93.5%, oklch(59.07% 0.1858 276.00) 96.8%, oklch(57.09% 0.1943 272.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.061 | 294.6 |
| 2 | 0.654 | 0.189 | 395 |
| 3 | 0.878 | 0.065 | 334.8 |
| 4 | 0.571 | 0.194 | 272.4 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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