# Purple Purple Cyan Halo

This radial gradient moves from the center outward through purple, blue, cyan, deep cyan, deep purple, purple, blue, and pale cyan. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Lavender, blue, purple and light blue linear gradient
- Seed: `kUyEXosJq0qelzXxnDCA`
- Page: https://grabient.com/kUyEXosJq0qelzXxnDCA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#dba4da` | `oklch(78.74% 0.0951 326.95)` | Plum Juice | black, 10.3 to 1 |
| 2 | `#cd9fd7` | `oklch(76.28% 0.0936 320.62)` | Autumn Wisteria | black, 9.5 to 1 |
| 3 | `#ba97d2` | `oklch(72.94% 0.0914 311.37)` | Amethyst Show | black, 8.4 to 1 |
| 4 | `#a38fca` | `oklch(68.93% 0.0887 300.04)` | Distinct Purple | black, 7.3 to 1 |
| 5 | `#8a85bf` | `oklch(64.45% 0.0857 287.44)` | Brocade | black, 6.2 to 1 |
| 6 | `#707cb1` | `oklch(59.71% 0.0827 274.42)` | Magic Moment | black, 5.1 to 1 |
| 7 | `#5771a0` | `oklch(54.90% 0.0797 261.79)` | Splendour and Pride | white, 4.8 to 1 |
| 8 | `#41678e` | `oklch(50.22% 0.0770 250.39)` | Sea of Galilee | white, 5.9 to 1 |
| 9 | `#2d5d7e` | `oklch(45.88% 0.0749 241.04)` | Dark Blue | white, 7 to 1 |
| 10 | `#1c536f` | `oklch(42.08% 0.0735 234.57)` | Canoe Blue | white, 8.3 to 1 |
| 11 | `#0e4b65` | `oklch(39.01% 0.0730 231.80)` | Victorian Peacock | white, 9.4 to 1 |
| 12 | `#05455f` | `oklch(36.66% 0.0736 233.78)` | Loyal Blue | white, 10.4 to 1 |
| 13 | `#073d5c` | `oklch(34.43% 0.0756 241.05)` | Poseidon | white, 11.4 to 1 |
| 14 | `#11355a` | `oklch(32.37% 0.0785 252.47)` | Incremental Blue | white, 12.5 to 1 |
| 15 | `#1c2c58` | `oklch(30.55% 0.0822 266.81)` | Ultramarine Violet | white, 13.5 to 1 |
| 16 | `#272354` | `oklch(29.06% 0.0863 282.83)` | Spacescape | white, 14.4 to 1 |
| 17 | `#301b4e` | `oklch(27.99% 0.0906 299.31)` | Russian Violet | white, 15 to 1 |
| 18 | `#381446` | `oklch(27.43% 0.0946 315.01)` | Purple Door | white, 15.4 to 1 |
| 19 | `#40103f` | `oklch(27.46% 0.0982 328.69)` | Velvet Cosmos | white, 15.4 to 1 |
| 20 | `#470e39` | `oklch(28.17% 0.1011 339.13)` | Pion Purple | white, 15.1 to 1 |
| 21 | `#4e1038` | `oklch(29.65% 0.1029 345.10)` | Tulip Poplar Purple | white, 14.4 to 1 |
| 22 | `#55173e` | `oklch(32.02% 0.1033 345.40)` | Tulip Poplar Purple | white, 13.3 to 1 |
| 23 | `#5e234d` | `oklch(35.84% 0.1025 340.21)` | Plum Caspia | white, 11.5 to 1 |
| 24 | `#683363` | `oklch(40.99% 0.1007 330.58)` | Opulent Purple | white, 9.3 to 1 |
| 25 | `#71487f` | `oklch(47.11% 0.0982 317.53)` | Plum Jam | white, 7.1 to 1 |
| 26 | `#79609c` | `oklch(53.89% 0.0950 302.09)` | Jubilee | white, 5.2 to 1 |
| 27 | `#7e7bb8` | `oklch(60.98% 0.0916 285.26)` | Astro Zinger | black, 5.4 to 1 |
| 28 | `#8197cf` | `oklch(68.05% 0.0880 268.07)` | Purple Gentian | black, 7.2 to 1 |
| 29 | `#86b1e2` | `oklch(74.76% 0.0845 251.53)` | Queer Blue | black, 9.4 to 1 |
| 30 | `#8dc9ee` | `oklch(80.77% 0.0814 236.66)` | Fish Pond | black, 11.7 to 1 |
| 31 | `#97dcf7` | `oklch(85.75% 0.0789 224.47)` | Shiva Blue | black, 13.8 to 1 |
| 32 | `#a0e9fd` | `oklch(89.37% 0.0772 215.99)` | Fresh Air | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #dba4da 0.0%, #cd9fd7 3.2%, #ba97d2 6.5%, #a38fca 9.7%, #8a85bf 12.9%, #707cb1 16.1%, #5771a0 19.4%, #41678e 22.6%, #2d5d7e 25.8%, #1c536f 29.0%, #0e4b65 32.3%, #05455f 35.5%, #073d5c 38.7%, #11355a 41.9%, #1c2c58 45.2%, #272354 48.4%, #301b4e 51.6%, #381446 54.8%, #40103f 58.1%, #470e39 61.3%, #4e1038 64.5%, #55173e 67.7%, #5e234d 71.0%, #683363 74.2%, #71487f 77.4%, #79609c 80.6%, #7e7bb8 83.9%, #8197cf 87.1%, #86b1e2 90.3%, #8dc9ee 93.5%, #97dcf7 96.8%, #a0e9fd 100.0%);
background: linear-gradient(135deg in oklch, oklch(78.74% 0.0951 326.95) 0.0%, oklch(76.28% 0.0936 320.62) 3.2%, oklch(72.94% 0.0914 311.37) 6.5%, oklch(68.93% 0.0887 300.04) 9.7%, oklch(64.45% 0.0857 287.44) 12.9%, oklch(59.71% 0.0827 274.42) 16.1%, oklch(54.90% 0.0797 261.79) 19.4%, oklch(50.22% 0.0770 250.39) 22.6%, oklch(45.88% 0.0749 241.04) 25.8%, oklch(42.08% 0.0735 234.57) 29.0%, oklch(39.01% 0.0730 231.80) 32.3%, oklch(36.66% 0.0736 233.78) 35.5%, oklch(34.43% 0.0756 241.05) 38.7%, oklch(32.37% 0.0785 252.47) 41.9%, oklch(30.55% 0.0822 266.81) 45.2%, oklch(29.06% 0.0863 282.83) 48.4%, oklch(27.99% 0.0906 299.31) 51.6%, oklch(27.43% 0.0946 315.01) 54.8%, oklch(27.46% 0.0982 328.69) 58.1%, oklch(28.17% 0.1011 339.13) 61.3%, oklch(29.65% 0.1029 345.10) 64.5%, oklch(32.02% 0.1033 345.40) 67.7%, oklch(35.84% 0.1025 340.21) 71.0%, oklch(40.99% 0.1007 330.58) 74.2%, oklch(47.11% 0.0982 317.53) 77.4%, oklch(53.89% 0.0950 302.09) 80.6%, oklch(60.98% 0.0916 285.26) 83.9%, oklch(68.05% 0.0880 268.07) 87.1%, oklch(74.76% 0.0845 251.53) 90.3%, oklch(80.77% 0.0814 236.66) 93.5%, oklch(85.75% 0.0789 224.47) 96.8%, oklch(89.37% 0.0772 215.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.095 | 327 |
| 2 | 0.382 | 0.073 | 231.8 |
| 3 | 0.311 | 0.103 | 346 |
| 4 | 0.894 | 0.077 | 216 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)

## Other forms

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