# Lilac pink glowing ring

Dark purple, gray, black and purple linear gradient with 40 colors: #280b33, #30133c, #3c1f49, #4b2c59, #5d3d6b, #704f7f, #856295, #9a76ab, #af8ac0, #c29cd4, #d3ace5, #e0b9f3, #e9c3fc, #ecc7ff, #e8c5fb, #debff1, #d0b4e1, #bea6ce, #aa96b8, #9485a0, #7f7389, #6a6172, #57515d, #47424c, #3a363e, #302d34, #2b272f, #292430, #2a2233, #2d223a, #332344, #3a2550, #42275e, #4b2a6c, #552d7c, #5f2f8b, #68319a, #7033a7, #7734b2, #7c34ba. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark purple, gray, black and purple linear gradient
- Seed: `kUODrgb58_yOGPu-yL_A`
- Page: https://grabient.com/kUODrgb58_yOGPu-yL_A?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.9 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 | `#280b33` | `oklch(22.05% 0.0799 315.00)` | Dark Prom Queen | white, 17.6 to 1 |
| 2 | `#30133c` | `oklch(25.29% 0.0804 314.97)` | Blackcurrant | white, 16.3 to 1 |
| 3 | `#3c1f49` | `oklch(29.80% 0.0812 314.97)` | Obsidian Orchid | white, 14.1 to 1 |
| 4 | `#4b2c59` | `oklch(35.30% 0.0823 314.98)` | Scarlet Gum | white, 11.5 to 1 |
| 5 | `#5d3d6b` | `oklch(41.55% 0.0836 315.00)` | Honey Flower | white, 8.9 to 1 |
| 6 | `#704f7f` | `oklch(48.26% 0.0850 315.01)` | Cabbage Blossom Violet | white, 6.7 to 1 |
| 7 | `#856295` | `oklch(55.20% 0.0864 315.01)` | Swiss Lilac | white, 5 to 1 |
| 8 | `#9a76ab` | `oklch(62.08% 0.0876 314.99)` | Karma Chameleon | black, 5.5 to 1 |
| 9 | `#af8ac0` | `oklch(68.66% 0.0885 314.94)` | Creeping Bellflower | black, 7.2 to 1 |
| 10 | `#c29cd4` | `oklch(74.67% 0.0890 314.85)` | Mauve Mist | black, 9 to 1 |
| 11 | `#d3ace5` | `oklch(79.85% 0.0891 314.71)` | Barely Bloomed | black, 10.8 to 1 |
| 12 | `#e0b9f3` | `oklch(83.94% 0.0886 314.52)` | Pink Illusion | black, 12.4 to 1 |
| 13 | `#e9c3fc` | `oklch(86.67% 0.0874 314.27)` | Jane Purple | black, 13.6 to 1 |
| 14 | `#ecc7ff` | `oklch(87.80% 0.0854 313.94)` | Aquarelle Lilac | black, 14.1 to 1 |
| 15 | `#e8c5fb` | `oklch(87.09% 0.0819 313.52)` | Wisteria Powder | black, 13.8 to 1 |
| 16 | `#debff1` | `oklch(84.69% 0.0764 312.98)` | Beefy Pink | black, 12.8 to 1 |
| 17 | `#d0b4e1` | `oklch(80.90% 0.0694 312.35)` | Pretty Petunia | black, 11.3 to 1 |
| 18 | `#bea6ce` | `oklch(75.98% 0.0615 311.65)` | Lavendula | black, 9.5 to 1 |
| 19 | `#aa96b8` | `oklch(70.23% 0.0529 310.89)` | Glossy Grape | black, 7.7 to 1 |
| 20 | `#9485a0` | `oklch(63.93% 0.0442 310.11)` | Hatoba Pigeon | black, 6.1 to 1 |
| 21 | `#7f7389` | `oklch(57.35% 0.0357 309.32)` | Hyacinth Dream | black, 4.7 to 1 |
| 22 | `#6a6172` | `oklch(50.78% 0.0281 308.54)` | Iris Petal | white, 5.8 to 1 |
| 23 | `#57515d` | `oklch(44.50% 0.0216 307.79)` | Napa Grape | white, 7.6 to 1 |
| 24 | `#47424c` | `oklch(38.80% 0.0167 307.09)` | Spinel Grey | white, 9.7 to 1 |
| 25 | `#3a363e` | `oklch(33.95% 0.0140 306.46)` | Black Marlin | white, 11.8 to 1 |
| 26 | `#302d34` | `oklch(30.24% 0.0138 305.92)` | Stretch Limo | white, 13.5 to 1 |
| 27 | `#2b272f` | `oklch(27.95% 0.0165 305.49)` | Black Onyx | white, 14.6 to 1 |
| 28 | `#292430` | `oklch(26.99% 0.0229 305.16)` | Closed Shutter | white, 15.1 to 1 |
| 29 | `#2a2233` | `oklch(26.97% 0.0327 304.91)` | Bleached Cedar | white, 15.2 to 1 |
| 30 | `#2d223a` | `oklch(27.76% 0.0454 304.72)` | Bleached Cedar | white, 14.9 to 1 |
| 31 | `#332344` | `oklch(29.21% 0.0603 304.58)` | Power Outage | white, 14.3 to 1 |
| 32 | `#3a2550` | `oklch(31.19% 0.0770 304.50)` | Parachute Purple | white, 13.4 to 1 |
| 33 | `#42275e` | `oklch(33.56% 0.0948 304.45)` | Acai | white, 12.4 to 1 |
| 34 | `#4b2a6c` | `oklch(36.17% 0.1130 304.43)` | Violet Indigo | white, 11.3 to 1 |
| 35 | `#552d7c` | `oklch(38.89% 0.1312 304.43)` | Regalia | white, 10.2 to 1 |
| 36 | `#5f2f8b` | `oklch(41.58% 0.1487 304.44)` | Purple Patch | white, 9.2 to 1 |
| 37 | `#68319a` | `oklch(44.10% 0.1649 304.45)` | Rebecca Purple | white, 8.4 to 1 |
| 38 | `#7033a7` | `oklch(46.30% 0.1792 304.46)` | Purple Pristine | white, 7.7 to 1 |
| 39 | `#7734b2` | `oklch(48.05% 0.1910 304.46)` | Purple Pristine | white, 7.2 to 1 |
| 40 | `#7c34ba` | `oklch(49.21% 0.1998 304.43)` | Purple Pristine | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #280b33 0.0%, #30133c 2.6%, #3c1f49 5.1%, #4b2c59 7.7%, #5d3d6b 10.3%, #704f7f 12.8%, #856295 15.4%, #9a76ab 17.9%, #af8ac0 20.5%, #c29cd4 23.1%, #d3ace5 25.6%, #e0b9f3 28.2%, #e9c3fc 30.8%, #ecc7ff 33.3%, #e8c5fb 35.9%, #debff1 38.5%, #d0b4e1 41.0%, #bea6ce 43.6%, #aa96b8 46.2%, #9485a0 48.7%, #7f7389 51.3%, #6a6172 53.8%, #57515d 56.4%, #47424c 59.0%, #3a363e 61.5%, #302d34 64.1%, #2b272f 66.7%, #292430 69.2%, #2a2233 71.8%, #2d223a 74.4%, #332344 76.9%, #3a2550 79.5%, #42275e 82.1%, #4b2a6c 84.6%, #552d7c 87.2%, #5f2f8b 89.7%, #68319a 92.3%, #7033a7 94.9%, #7734b2 97.4%, #7c34ba 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.05% 0.0799 315.00) 0.0%, oklch(25.29% 0.0804 314.97) 2.6%, oklch(29.80% 0.0812 314.97) 5.1%, oklch(35.30% 0.0823 314.98) 7.7%, oklch(41.55% 0.0836 315.00) 10.3%, oklch(48.26% 0.0850 315.01) 12.8%, oklch(55.20% 0.0864 315.01) 15.4%, oklch(62.08% 0.0876 314.99) 17.9%, oklch(68.66% 0.0885 314.94) 20.5%, oklch(74.67% 0.0890 314.85) 23.1%, oklch(79.85% 0.0891 314.71) 25.6%, oklch(83.94% 0.0886 314.52) 28.2%, oklch(86.67% 0.0874 314.27) 30.8%, oklch(87.80% 0.0854 313.94) 33.3%, oklch(87.09% 0.0819 313.52) 35.9%, oklch(84.69% 0.0764 312.98) 38.5%, oklch(80.90% 0.0694 312.35) 41.0%, oklch(75.98% 0.0615 311.65) 43.6%, oklch(70.23% 0.0529 310.89) 46.2%, oklch(63.93% 0.0442 310.11) 48.7%, oklch(57.35% 0.0357 309.32) 51.3%, oklch(50.78% 0.0281 308.54) 53.8%, oklch(44.50% 0.0216 307.79) 56.4%, oklch(38.80% 0.0167 307.09) 59.0%, oklch(33.95% 0.0140 306.46) 61.5%, oklch(30.24% 0.0138 305.92) 64.1%, oklch(27.95% 0.0165 305.49) 66.7%, oklch(26.99% 0.0229 305.16) 69.2%, oklch(26.97% 0.0327 304.91) 71.8%, oklch(27.76% 0.0454 304.72) 74.4%, oklch(29.21% 0.0603 304.58) 76.9%, oklch(31.19% 0.0770 304.50) 79.5%, oklch(33.56% 0.0948 304.45) 82.1%, oklch(36.17% 0.1130 304.43) 84.6%, oklch(38.89% 0.1312 304.43) 87.2%, oklch(41.58% 0.1487 304.44) 89.7%, oklch(44.10% 0.1649 304.45) 92.3%, oklch(46.30% 0.1792 304.46) 94.9%, oklch(48.05% 0.1910 304.46) 97.4%, oklch(49.21% 0.1998 304.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.08 | 315 |
| 2 | 0.878 | 0.085 | 313.9 |
| 3 | 0.28 | 0.017 | 305.5 |
| 4 | 0.492 | 0.2 | 304.4 |

## In these collections

- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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