# Pink violet shadow field

Lavender, pink, purple and dark purple linear gradient with 48 colors: #c4bbf4, #c4b7f5, #c6b1f7, #caaaf8, #cfa2f8, #d598f7, #db8df3, #e181ec, #e674e5, #ea68dc, #eb5bd3, #ea4fcb, #e545c5, #dc3cc2, #d034c0, #c12dc0, #af28bf, #9d24be, #8b21bb, #791fb7, #691db1, #5b1caa, #501ba3, #491a9c, #461a95, #471b8f, #4b1e89, #502283, #56267d, #5d2b77, #632f72, #68346d, #6b3868, #6c3b64, #6c3d60, #693d5c, #643b57, #5e3752, #56324d, #4d2b47, #442441, #3a1d3b, #311635, #280f2f, #20082a, #190425, #130121, #0f001e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Lavender, pink, purple and dark purple linear gradient
- Seed: `kW0DrP1NVFS_DOm1m0WkRm74`
- Page: https://grabient.com/kW0DrP1NVFS_DOm1m0WkRm74?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.3 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 | `#c4bbf4` | `oklch(81.89% 0.0799 291.80)` | Connecticut Lilac | black, 11.7 to 1 |
| 2 | `#c4b7f5` | `oklch(81.18% 0.0882 294.35)` | Purple Sand | black, 11.4 to 1 |
| 3 | `#c6b1f7` | `oklch(80.34% 0.0996 297.97)` | Purple Sand | black, 11 to 1 |
| 4 | `#caaaf8` | `oklch(79.39% 0.1133 302.41)` | Purple Hepatica | black, 10.6 to 1 |
| 5 | `#cfa2f8` | `oklch(78.33% 0.1288 307.41)` | Lilac | black, 10.1 to 1 |
| 6 | `#d598f7` | `oklch(77.15% 0.1454 312.72)` | Plasma Trail | black, 9.6 to 1 |
| 7 | `#db8df3` | `oklch(75.87% 0.1623 318.09)` | Bright Lilac | black, 9 to 1 |
| 8 | `#e181ec` | `oklch(74.48% 0.1790 323.25)` | Pinkling | black, 8.5 to 1 |
| 9 | `#e674e5` | `oklch(72.99% 0.1947 327.96)` | Lián Hóng Lotus Pink | black, 8 to 1 |
| 10 | `#ea68dc` | `oklch(71.40% 0.2089 331.96)` | Death of a Star | black, 7.4 to 1 |
| 11 | `#eb5bd3` | `oklch(69.71% 0.2208 335.00)` | Death of a Star | black, 6.9 to 1 |
| 12 | `#ea4fcb` | `oklch(67.93% 0.2298 336.82)` | Kinky Pinky | black, 6.4 to 1 |
| 13 | `#e545c5` | `oklch(66.05% 0.2353 337.16)` | Purplish Pink | black, 5.9 to 1 |
| 14 | `#dc3cc2` | `oklch(63.85% 0.2379 335.71)` | Loudicious Pink | black, 5.4 to 1 |
| 15 | `#d034c0` | `oklch(61.32% 0.2384 332.68)` | Purple Pink | black, 4.9 to 1 |
| 16 | `#c12dc0` | `oklch(58.54% 0.2370 328.40)` | Fuchsia Flair | white, 4.7 to 1 |
| 17 | `#af28bf` | `oklch(55.60% 0.2339 323.22)` | Magentleman | white, 5.3 to 1 |
| 18 | `#9d24be` | `oklch(52.59% 0.2294 317.50)` | Nebula | white, 6.1 to 1 |
| 19 | `#8b21bb` | `oklch(49.60% 0.2238 311.56)` | Pheromone Purple | white, 6.9 to 1 |
| 20 | `#791fb7` | `oklch(46.71% 0.2173 305.77)` | Fuchsia Nebula | white, 7.8 to 1 |
| 21 | `#691db1` | `oklch(44.02% 0.2102 300.47)` | Indiviolet Sunset | white, 8.7 to 1 |
| 22 | `#5b1caa` | `oklch(41.61% 0.2028 296.00)` | Indiviolet Sunset | white, 9.5 to 1 |
| 23 | `#501ba3` | `oklch(39.57% 0.1954 292.71)` | Eine Kleine Nachtmusik | white, 10.3 to 1 |
| 24 | `#491a9c` | `oklch(37.99% 0.1881 290.94)` | Eggplant Tint | white, 11 to 1 |
| 25 | `#461a95` | `oklch(36.97% 0.1810 291.03)` | Pitch Violet | white, 11.4 to 1 |
| 26 | `#471b8f` | `oklch(36.60% 0.1728 292.91)` | Pitch Violet | white, 11.5 to 1 |
| 27 | `#4b1e89` | `oklch(36.77% 0.1633 296.28)` | Occult | white, 11.3 to 1 |
| 28 | `#502283` | `oklch(37.37% 0.1530 300.80)` | Kalish Violet | white, 11 to 1 |
| 29 | `#56267d` | `oklch(38.26% 0.1420 306.15)` | Regalia | white, 10.6 to 1 |
| 30 | `#5d2b77` | `oklch(39.32% 0.1309 312.00)` | Foggy Amethyst | white, 10.1 to 1 |
| 31 | `#632f72` | `oklch(40.43% 0.1198 318.01)` | Purple Magic | white, 9.6 to 1 |
| 32 | `#68346d` | `oklch(41.47% 0.1090 323.87)` | Seance | white, 9.1 to 1 |
| 33 | `#6b3868` | `oklch(42.30% 0.0989 329.24)` | Plum | white, 8.8 to 1 |
| 34 | `#6c3b64` | `oklch(42.81% 0.0898 333.79)` | Berry Light | white, 8.5 to 1 |
| 35 | `#6c3d60` | `oklch(42.87% 0.0819 337.20)` | Royal Lines | white, 8.5 to 1 |
| 36 | `#693d5c` | `oklch(42.36% 0.0757 339.14)` | Royal Lines | white, 8.6 to 1 |
| 37 | `#643b57` | `oklch(41.17% 0.0712 339.43)` | Primitive Plum | white, 9.1 to 1 |
| 38 | `#5e3752` | `oklch(39.38% 0.0680 338.44)` | Bruised Bear | white, 9.8 to 1 |
| 39 | `#56324d` | `oklch(37.09% 0.0661 336.39)` | Auricula Purple | white, 10.7 to 1 |
| 40 | `#4d2b47` | `oklch(34.43% 0.0651 333.48)` | Murasaki | white, 11.9 to 1 |
| 41 | `#442441` | `oklch(31.51% 0.0649 329.95)` | Opulent Mauve | white, 13.3 to 1 |
| 42 | `#3a1d3b` | `oklch(28.44% 0.0654 325.99)` | Kokimurasaki Purple | white, 14.7 to 1 |
| 43 | `#311635` | `oklch(25.34% 0.0662 321.84)` | Cultist Robe | white, 16.2 to 1 |
| 44 | `#280f2f` | `oklch(22.32% 0.0673 317.69)` | Dark Prom Queen | white, 17.5 to 1 |
| 45 | `#20082a` | `oklch(19.50% 0.0685 313.78)` | Midnight Monarch | white, 18.5 to 1 |
| 46 | `#190425` | `oklch(17.00% 0.0695 310.30)` | Election Night | white, 19.3 to 1 |
| 47 | `#130121` | `oklch(14.92% 0.0701 307.48)` | Space Grey | white, 19.9 to 1 |
| 48 | `#0f001e` | `oklch(13.44% 0.0697 305.37)` | Space Grey | white, 20.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c4bbf4 0.0%, #c4b7f5 2.1%, #c6b1f7 4.3%, #caaaf8 6.4%, #cfa2f8 8.5%, #d598f7 10.6%, #db8df3 12.8%, #e181ec 14.9%, #e674e5 17.0%, #ea68dc 19.1%, #eb5bd3 21.3%, #ea4fcb 23.4%, #e545c5 25.5%, #dc3cc2 27.7%, #d034c0 29.8%, #c12dc0 31.9%, #af28bf 34.0%, #9d24be 36.2%, #8b21bb 38.3%, #791fb7 40.4%, #691db1 42.6%, #5b1caa 44.7%, #501ba3 46.8%, #491a9c 48.9%, #461a95 51.1%, #471b8f 53.2%, #4b1e89 55.3%, #502283 57.4%, #56267d 59.6%, #5d2b77 61.7%, #632f72 63.8%, #68346d 66.0%, #6b3868 68.1%, #6c3b64 70.2%, #6c3d60 72.3%, #693d5c 74.5%, #643b57 76.6%, #5e3752 78.7%, #56324d 80.9%, #4d2b47 83.0%, #442441 85.1%, #3a1d3b 87.2%, #311635 89.4%, #280f2f 91.5%, #20082a 93.6%, #190425 95.7%, #130121 97.9%, #0f001e 100.0%);
background: linear-gradient(135deg in oklch, oklch(81.89% 0.0799 291.80) 0.0%, oklch(81.18% 0.0882 294.35) 2.1%, oklch(80.34% 0.0996 297.97) 4.3%, oklch(79.39% 0.1133 302.41) 6.4%, oklch(78.33% 0.1288 307.41) 8.5%, oklch(77.15% 0.1454 312.72) 10.6%, oklch(75.87% 0.1623 318.09) 12.8%, oklch(74.48% 0.1790 323.25) 14.9%, oklch(72.99% 0.1947 327.96) 17.0%, oklch(71.40% 0.2089 331.96) 19.1%, oklch(69.71% 0.2208 335.00) 21.3%, oklch(67.93% 0.2298 336.82) 23.4%, oklch(66.05% 0.2353 337.16) 25.5%, oklch(63.85% 0.2379 335.71) 27.7%, oklch(61.32% 0.2384 332.68) 29.8%, oklch(58.54% 0.2370 328.40) 31.9%, oklch(55.60% 0.2339 323.22) 34.0%, oklch(52.59% 0.2294 317.50) 36.2%, oklch(49.60% 0.2238 311.56) 38.3%, oklch(46.71% 0.2173 305.77) 40.4%, oklch(44.02% 0.2102 300.47) 42.6%, oklch(41.61% 0.2028 296.00) 44.7%, oklch(39.57% 0.1954 292.71) 46.8%, oklch(37.99% 0.1881 290.94) 48.9%, oklch(36.97% 0.1810 291.03) 51.1%, oklch(36.60% 0.1728 292.91) 53.2%, oklch(36.77% 0.1633 296.28) 55.3%, oklch(37.37% 0.1530 300.80) 57.4%, oklch(38.26% 0.1420 306.15) 59.6%, oklch(39.32% 0.1309 312.00) 61.7%, oklch(40.43% 0.1198 318.01) 63.8%, oklch(41.47% 0.1090 323.87) 66.0%, oklch(42.30% 0.0989 329.24) 68.1%, oklch(42.81% 0.0898 333.79) 70.2%, oklch(42.87% 0.0819 337.20) 72.3%, oklch(42.36% 0.0757 339.14) 74.5%, oklch(41.17% 0.0712 339.43) 76.6%, oklch(39.38% 0.0680 338.44) 78.7%, oklch(37.09% 0.0661 336.39) 80.9%, oklch(34.43% 0.0651 333.48) 83.0%, oklch(31.51% 0.0649 329.95) 85.1%, oklch(28.44% 0.0654 325.99) 87.2%, oklch(25.34% 0.0662 321.84) 89.4%, oklch(22.32% 0.0673 317.69) 91.5%, oklch(19.50% 0.0685 313.78) 93.6%, oklch(17.00% 0.0695 310.30) 95.7%, oklch(14.92% 0.0701 307.48) 97.9%, oklch(13.44% 0.0697 305.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.08 | 291.8 |
| 2 | 0.665 | 0.234 | 337.2 |
| 3 | 0.374 | 0.185 | 290.7 |
| 4 | 0.421 | 0.074 | 339.4 |
| 5 | 0.134 | 0.07 | 305.5 |

## In these collections

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

## Other forms

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