# Pastel analogous blue to lavender radial gradient

Pastel analogous blue to lavender radial gradient with 48 colors: #c4d8ec, #c3d6ee, #c3d2f1, #c6cef3, #cbc8f4, #d2c1f2, #dab9ec, #e1b1e4, #e5aadb, #e7a4d3, #e59ece, #e198cb, #d993ca, #cf8ecb, #c38acd, #b586ce, #a783cf, #9980ce, #8c7ecd, #817ccb, #7679c7, #6a76c3, #5e73bd, #5270b8, #476eb2, #3d6cad, #356caa, #306da8, #2e70a8, #3275ab, #3c7fb2, #4a8abb, #5a98c7, #6ca6d3, #7db4e0, #8ec1eb, #9cccf5, #a6d3fc, #abd7ff, #add6ff, #abd3fc, #a7cef8, #a2c6f2, #9cbeec, #96b6e5, #90afe0, #8ca9db, #89a5d7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY3hmw5KVKs-qubDqDtbRq_1udQc`
- Page: https://grabient.com/kY3hmw5KVKs-qubDqDtbRq_1udQc?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark center, pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3.7 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 | `#c4d8ec` | `oklch(87.40% 0.0344 248.20)` | Light Morality | black, 14.4 to 1 |
| 2 | `#c3d6ee` | `oklch(86.92% 0.0390 254.74)` | Murano Soft Blue | black, 14.1 to 1 |
| 3 | `#c3d2f1` | `oklch(86.33% 0.0453 264.11)` | Frozen Periwinkle | black, 13.8 to 1 |
| 4 | `#c6cef3` | `oklch(85.66% 0.0528 275.47)` | Miami White | black, 13.4 to 1 |
| 5 | `#cbc8f4` | `oklch(84.89% 0.0612 287.97)` | Soap | black, 13 to 1 |
| 6 | `#d2c1f2` | `oklch(84.03% 0.0699 300.76)` | York Plum | black, 12.6 to 1 |
| 7 | `#dab9ec` | `oklch(83.08% 0.0786 313.01)` | Beefy Pink | black, 12.1 to 1 |
| 8 | `#e1b1e4` | `oklch(82.03% 0.0868 323.85)` | Barely Bloomed | black, 11.6 to 1 |
| 9 | `#e5aadb` | `oklch(80.89% 0.0941 332.44)` | Cosmic Pink | black, 11.1 to 1 |
| 10 | `#e7a4d3` | `oklch(79.65% 0.1001 337.94)` | Cosmic Pink | black, 10.6 to 1 |
| 11 | `#e59ece` | `oklch(78.30% 0.1044 339.70)` | Exotic Violet | black, 10.1 to 1 |
| 12 | `#e198cb` | `oklch(76.72% 0.1079 338.35)` | Crepe Myrtle | black, 9.5 to 1 |
| 13 | `#d993ca` | `oklch(74.96% 0.1106 334.49)` | Firm Pink | black, 8.9 to 1 |
| 14 | `#cf8ecb` | `oklch(73.08% 0.1126 328.70)` | Carnation Rose | black, 8.3 to 1 |
| 15 | `#c38acd` | `oklch(71.14% 0.1141 321.56)` | Purception | black, 7.8 to 1 |
| 16 | `#b586ce` | `oklch(69.18% 0.1151 313.62)` | Creeping Bellflower | black, 7.2 to 1 |
| 17 | `#a783cf` | `oklch(67.26% 0.1159 305.45)` | Wisteria | black, 6.7 to 1 |
| 18 | `#9980ce` | `oklch(65.44% 0.1164 297.63)` | Amethyst Grey | black, 6.3 to 1 |
| 19 | `#8c7ecd` | `oklch(63.78% 0.1168 290.73)` | Faraway Sky | black, 5.9 to 1 |
| 20 | `#817ccb` | `oklch(62.32% 0.1172 285.27)` | Ube | black, 5.6 to 1 |
| 21 | `#7679c7` | `oklch(60.75% 0.1175 280.32)` | Kickstart Purple | black, 5.3 to 1 |
| 22 | `#6a76c3` | `oklch(59.02% 0.1177 275.35)` | Flood | black, 4.9 to 1 |
| 23 | `#5e73bd` | `oklch(57.25% 0.1176 270.46)` | Gladiola Blue | black, 4.6 to 1 |
| 24 | `#5270b8` | `oklch(55.57% 0.1172 265.74)` | Amparo Blue | white, 4.8 to 1 |
| 25 | `#476eb2` | `oklch(54.10% 0.1166 261.26)` | Azraq Blue | white, 5 to 1 |
| 26 | `#3d6cad` | `oklch(52.98% 0.1157 257.11)` | Waterline Blue | white, 5.3 to 1 |
| 27 | `#356caa` | `oklch(52.32% 0.1144 253.40)` | In the Nick | white, 5.4 to 1 |
| 28 | `#306da8` | `oklch(52.26% 0.1127 250.19)` | In the Nick | white, 5.4 to 1 |
| 29 | `#2e70a8` | `oklch(52.92% 0.1107 247.59)` | Mega Blue | white, 5.2 to 1 |
| 30 | `#3275ab` | `oklch(54.58% 0.1080 245.65)` | Python Blue | white, 4.8 to 1 |
| 31 | `#3c7fb2` | `oklch(57.46% 0.1044 244.31)` | Beijing Blue | black, 4.8 to 1 |
| 32 | `#4a8abb` | `oklch(61.24% 0.1000 243.51)` | Blueberry Festival | black, 5.6 to 1 |
| 33 | `#5a98c7` | `oklch(65.60% 0.0952 243.17)` | Canadian Tuxedo | black, 6.7 to 1 |
| 34 | `#6ca6d3` | `oklch(70.22% 0.0903 243.20)` | Ocean Tropic | black, 8 to 1 |
| 35 | `#7db4e0` | `oklch(74.79% 0.0854 243.54)` | Dun Morogh Blue | black, 9.4 to 1 |
| 36 | `#8ec1eb` | `oklch(78.98% 0.0810 244.11)` | Wasurenagusa Blue | black, 10.9 to 1 |
| 37 | `#9cccf5` | `oklch(82.48% 0.0771 244.82)` | Baby Blue Eyes | black, 12.3 to 1 |
| 38 | `#a6d3fc` | `oklch(84.96% 0.0742 245.61)` | Malmö FF | black, 13.3 to 1 |
| 39 | `#abd7ff` | `oklch(86.13% 0.0725 246.45)` | Malmö FF | black, 13.8 to 1 |
| 40 | `#add6ff` | `oklch(86.15% 0.0717 247.69)` | Malmö FF | black, 13.8 to 1 |
| 41 | `#abd3fc` | `oklch(85.26% 0.0718 249.32)` | Ice Cold Stare | black, 13.4 to 1 |
| 42 | `#a7cef8` | `oklch(83.69% 0.0726 251.24)` | Baby Blue | black, 12.7 to 1 |
| 43 | `#a2c6f2` | `oklch(81.65% 0.0737 253.31)` | Baby Blue Eyes | black, 11.9 to 1 |
| 44 | `#9cbeec` | `oklch(79.36% 0.0752 255.43)` | Gallery Blue | black, 11 to 1 |
| 45 | `#96b6e5` | `oklch(77.04% 0.0767 257.47)` | Adrift on the Nile | black, 10.1 to 1 |
| 46 | `#90afe0` | `oklch(74.90% 0.0781 259.31)` | Blue Skies Today | black, 9.3 to 1 |
| 47 | `#8ca9db` | `oklch(73.16% 0.0793 260.84)` | Black Drop | black, 8.8 to 1 |
| 48 | `#89a5d7` | `oklch(72.05% 0.0799 261.94)` | Blue Cue | black, 8.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c4d8ec 0.0%, #c3d6ee 2.1%, #c3d2f1 4.3%, #c6cef3 6.4%, #cbc8f4 8.5%, #d2c1f2 10.6%, #dab9ec 12.8%, #e1b1e4 14.9%, #e5aadb 17.0%, #e7a4d3 19.1%, #e59ece 21.3%, #e198cb 23.4%, #d993ca 25.5%, #cf8ecb 27.7%, #c38acd 29.8%, #b586ce 31.9%, #a783cf 34.0%, #9980ce 36.2%, #8c7ecd 38.3%, #817ccb 40.4%, #7679c7 42.6%, #6a76c3 44.7%, #5e73bd 46.8%, #5270b8 48.9%, #476eb2 51.1%, #3d6cad 53.2%, #356caa 55.3%, #306da8 57.4%, #2e70a8 59.6%, #3275ab 61.7%, #3c7fb2 63.8%, #4a8abb 66.0%, #5a98c7 68.1%, #6ca6d3 70.2%, #7db4e0 72.3%, #8ec1eb 74.5%, #9cccf5 76.6%, #a6d3fc 78.7%, #abd7ff 80.9%, #add6ff 83.0%, #abd3fc 85.1%, #a7cef8 87.2%, #a2c6f2 89.4%, #9cbeec 91.5%, #96b6e5 93.6%, #90afe0 95.7%, #8ca9db 97.9%, #89a5d7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0344 248.20) 0.0%, oklch(86.92% 0.0390 254.74) 2.1%, oklch(86.33% 0.0453 264.11) 4.3%, oklch(85.66% 0.0528 275.47) 6.4%, oklch(84.89% 0.0612 287.97) 8.5%, oklch(84.03% 0.0699 300.76) 10.6%, oklch(83.08% 0.0786 313.01) 12.8%, oklch(82.03% 0.0868 323.85) 14.9%, oklch(80.89% 0.0941 332.44) 17.0%, oklch(79.65% 0.1001 337.94) 19.1%, oklch(78.30% 0.1044 339.70) 21.3%, oklch(76.72% 0.1079 338.35) 23.4%, oklch(74.96% 0.1106 334.49) 25.5%, oklch(73.08% 0.1126 328.70) 27.7%, oklch(71.14% 0.1141 321.56) 29.8%, oklch(69.18% 0.1151 313.62) 31.9%, oklch(67.26% 0.1159 305.45) 34.0%, oklch(65.44% 0.1164 297.63) 36.2%, oklch(63.78% 0.1168 290.73) 38.3%, oklch(62.32% 0.1172 285.27) 40.4%, oklch(60.75% 0.1175 280.32) 42.6%, oklch(59.02% 0.1177 275.35) 44.7%, oklch(57.25% 0.1176 270.46) 46.8%, oklch(55.57% 0.1172 265.74) 48.9%, oklch(54.10% 0.1166 261.26) 51.1%, oklch(52.98% 0.1157 257.11) 53.2%, oklch(52.32% 0.1144 253.40) 55.3%, oklch(52.26% 0.1127 250.19) 57.4%, oklch(52.92% 0.1107 247.59) 59.6%, oklch(54.58% 0.1080 245.65) 61.7%, oklch(57.46% 0.1044 244.31) 63.8%, oklch(61.24% 0.1000 243.51) 66.0%, oklch(65.60% 0.0952 243.17) 68.1%, oklch(70.22% 0.0903 243.20) 70.2%, oklch(74.79% 0.0854 243.54) 72.3%, oklch(78.98% 0.0810 244.11) 74.5%, oklch(82.48% 0.0771 244.82) 76.6%, oklch(84.96% 0.0742 245.61) 78.7%, oklch(86.13% 0.0725 246.45) 80.9%, oklch(86.15% 0.0717 247.69) 83.0%, oklch(85.26% 0.0718 249.32) 85.1%, oklch(83.69% 0.0726 251.24) 87.2%, oklch(81.65% 0.0737 253.31) 89.4%, oklch(79.36% 0.0752 255.43) 91.5%, oklch(77.04% 0.0767 257.47) 93.6%, oklch(74.90% 0.0781 259.31) 95.7%, oklch(73.16% 0.0793 260.84) 97.9%, oklch(72.05% 0.0799 261.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.034 | 248.2 |
| 2 | 0.791 | 0.102 | 339.1 |
| 3 | 0.626 | 0.117 | 286.2 |
| 4 | 0.531 | 0.11 | 247.1 |
| 5 | 0.858 | 0.073 | 246.1 |
| 6 | 0.72 | 0.08 | 261.9 |

## In these collections

- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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