# Lavender, blue, purple and light blue radial gradient

Lavender, blue, purple and light blue radial gradient with 32 colors: #dba4da, #cd9fd7, #ba97d2, #a38fca, #8a85bf, #707cb1, #5771a0, #41678e, #2d5d7e, #1c536f, #0e4b65, #05455f, #073d5c, #11355a, #1c2c58, #272354, #301b4e, #381446, #40103f, #470e39, #4e1038, #55173e, #5e234d, #683363, #71487f, #79609c, #7e7bb8, #8197cf, #86b1e2, #8dc9ee, #97dcf7, #a0e9fd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUyEXosJq0qelzXxnDCA`
- Page: https://grabient.com/kUyEXosJq0qelzXxnDCA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 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: radial-gradient(circle at 50% 50%, #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: radial-gradient(circle at 50% 50% 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?style=radialGradient&steps=32&angle=0)
- [PNG](https://grabient.com/kUyEXosJq0qelzXxnDCA.png?style=radialGradient&steps=32&angle=0)
- [SVG](https://grabient.com/kUyEXosJq0qelzXxnDCA.svg?style=radialGradient&steps=32&angle=0)
- [CSS](https://grabient.com/kUyEXosJq0qelzXxnDCA.css?style=radialGradient&steps=32&angle=0)
- [ASE](https://grabient.com/kUyEXosJq0qelzXxnDCA.ase?style=radialGradient&steps=32&angle=0)
- [GPL](https://grabient.com/kUyEXosJq0qelzXxnDCA.gpl?style=radialGradient&steps=32&angle=0)
- [GRD](https://grabient.com/kUyEXosJq0qelzXxnDCA.grd?style=radialGradient&steps=32&angle=0)
- [Design tokens](https://grabient.com/kUyEXosJq0qelzXxnDCA.tokens.json?style=radialGradient&steps=32&angle=0)
- [Social card](https://grabient.com/api/og?seed=kUyEXosJq0qelzXxnDCA&style=radialGradient&steps=32&angle=0)
- [Palettes like this one](https://grabient.com/palettes?q=kUyEXosJq0qelzXxnDCA)
- [Guide for agents](https://grabient.com/llms.txt)