# Purple, blue, pink and light blue radial gradient

Purple, blue, pink and light blue radial gradient with 64 colors: #c98478, #c57f7b, #be797f, #b47284, #a86c88, #99668c, #88618e, #765c8e, #64598c, #535687, #435482, #35527d, #2a527a, #215278, #195479, #11587b, #075c80, #006287, #00678e, #006e97, #0274a2, #127aac, #217fb7, #3184c1, #4087ca, #5089d0, #618ad5, #7489d7, #8887d6, #9c86d1, #ad85c8, #bb85bc, #c686ae, #cc89a2, #ce8d97, #ce9190, #cd958b, #cb988a, #c9998a, #c79a8b, #c4988c, #c1968e, #be9491, #ba9193, #b58e96, #af8c98, #a9899b, #a3889d, #9d87a0, #9887a2, #9488a4, #9189a7, #8e8baa, #8c8fae, #8b92b3, #8997b8, #879cbd, #85a1c2, #82a6c6, #80acc9, #7eb0cc, #7db5ce, #7bb8cf, #7abbcf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYrUAVth2u8-tQRcFtDUhA0eAaNi`
- Page: https://grabient.com/kYrUAVth2u8-tQRcFtDUhA0eAaNi?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#c98478` | `oklch(68.11% 0.0882 30.23)` | Luscious Lobster | black, 7 to 1 |
| 2 | `#c57f7b` | `oklch(66.81% 0.0877 23.22)` | Impatient Heart | black, 6.6 to 1 |
| 3 | `#be797f` | `oklch(65.00% 0.0870 13.87)` | Begonia Rose | black, 6.2 to 1 |
| 4 | `#b47284` | `oklch(62.80% 0.0860 2.64)` | Kerr’s Pink Potato | black, 5.6 to 1 |
| 5 | `#a86c88` | `oklch(60.31% 0.0848 349.97)` | Cure All | black, 5.1 to 1 |
| 6 | `#99668c` | `oklch(57.63% 0.0836 336.30)` | Raspberry Jelly Red | black, 4.6 to 1 |
| 7 | `#88618e` | `oklch(54.88% 0.0824 322.09)` | Pomp and Power | white, 5 to 1 |
| 8 | `#765c8e` | `oklch(52.17% 0.0813 307.77)` | Super Violet | white, 5.6 to 1 |
| 9 | `#64598c` | `oklch(49.58% 0.0805 293.79)` | Idol | white, 6.2 to 1 |
| 10 | `#535687` | `oklch(47.25% 0.0799 280.60)` | Rich Violet | white, 6.8 to 1 |
| 11 | `#435482` | `oklch(45.26% 0.0796 268.64)` | Blue Jewel | white, 7.4 to 1 |
| 12 | `#35527d` | `oklch(43.74% 0.0798 258.36)` | Bunting Blue | white, 7.8 to 1 |
| 13 | `#2a527a` | `oklch(42.78% 0.0806 250.21)` | Slumber | white, 8.1 to 1 |
| 14 | `#215278` | `oklch(42.48% 0.0820 244.47)` | Midnight Sonata | white, 8.2 to 1 |
| 15 | `#195479` | `oklch(42.80% 0.0844 240.12)` | 3AM in Shibuya | white, 8 to 1 |
| 16 | `#11587b` | `oklch(43.64% 0.0879 236.81)` | Commandes | white, 7.7 to 1 |
| 17 | `#075c80` | `oklch(44.92% 0.0920 234.52)` | Royal Blood | white, 7.3 to 1 |
| 18 | `#006287` | `oklch(46.56% 0.0965 233.25)` | Blue League | white, 6.8 to 1 |
| 19 | `#00678e` | `oklch(48.47% 0.1000 232.91)` | Pulsating Blue | white, 6.2 to 1 |
| 20 | `#006e97` | `oklch(50.56% 0.1051 233.50)` | Tropic Sea | white, 5.7 to 1 |
| 21 | `#0274a2` | `oklch(52.76% 0.1114 234.96)` | Quarterdeck | white, 5.2 to 1 |
| 22 | `#127aac` | `oklch(54.97% 0.1157 237.32)` | Benitoite | white, 4.7 to 1 |
| 23 | `#217fb7` | `oklch(57.12% 0.1194 240.51)` | Tall Ships | black, 4.8 to 1 |
| 24 | `#3184c1` | `oklch(59.13% 0.1222 244.52)` | King Triton | black, 5.1 to 1 |
| 25 | `#4087ca` | `oklch(60.90% 0.1238 249.30)` | Casting Sea | black, 5.5 to 1 |
| 26 | `#5089d0` | `oklch(62.35% 0.1241 254.83)` | Berlin Blue | black, 5.8 to 1 |
| 27 | `#618ad5` | `oklch(63.54% 0.1229 261.83)` | Livid | black, 6 to 1 |
| 28 | `#7489d7` | `oklch(64.70% 0.1203 271.52)` | Tanzine | black, 6.2 to 1 |
| 29 | `#8887d6` | `oklch(65.81% 0.1164 283.39)` | Indigo Bloom | black, 6.5 to 1 |
| 30 | `#9c86d1` | `oklch(66.88% 0.1116 296.88)` | Petrified Purple | black, 6.7 to 1 |
| 31 | `#ad85c8` | `oklch(67.89% 0.1061 311.43)` | Creeping Bellflower | black, 6.9 to 1 |
| 32 | `#bb85bc` | `oklch(68.83% 0.1000 326.49)` | Lavender Sweater | black, 7.1 to 1 |
| 33 | `#c686ae` | `oklch(69.68% 0.0936 341.49)` | Moonlight Mauve | black, 7.4 to 1 |
| 34 | `#cc89a2` | `oklch(70.44% 0.0871 355.87)` | Orchid Smoke | black, 7.6 to 1 |
| 35 | `#ce8d97` | `oklch(71.10% 0.0808 9.08)` | Sianna Rose | black, 7.8 to 1 |
| 36 | `#ce9190` | `oklch(71.64% 0.0748 20.55)` | Tongue | black, 8 to 1 |
| 37 | `#cd958b` | `oklch(72.05% 0.0695 29.73)` | Peach Beige | black, 8.2 to 1 |
| 38 | `#cb988a` | `oklch(72.33% 0.0649 36.06)` | Calliope | black, 8.3 to 1 |
| 39 | `#c9998a` | `oklch(72.45% 0.0614 38.99)` | Calliope | black, 8.4 to 1 |
| 40 | `#c79a8b` | `oklch(72.30% 0.0584 38.72)` | Calliope | black, 8.3 to 1 |
| 41 | `#c4988c` | `oklch(71.88% 0.0557 35.79)` | Persian Bazaar | black, 8.2 to 1 |
| 42 | `#c1968e` | `oklch(71.24% 0.0532 30.60)` | Pressed Blossoms | black, 8 to 1 |
| 43 | `#be9491` | `oklch(70.43% 0.0511 23.50)` | Mutabilis | black, 7.8 to 1 |
| 44 | `#ba9193` | `oklch(69.51% 0.0492 14.90)` | Cherry Juice | black, 7.5 to 1 |
| 45 | `#b58e96` | `oklch(68.53% 0.0476 5.17)` | Mauve Shadows | black, 7.2 to 1 |
| 46 | `#af8c98` | `oklch(67.55% 0.0463 354.69)` | Reserve | black, 7 to 1 |
| 47 | `#a9899b` | `oklch(66.62% 0.0452 343.84)` | Evening Pink | black, 6.7 to 1 |
| 48 | `#a3889d` | `oklch(65.80% 0.0445 333.01)` | Radiant Lilac | black, 6.5 to 1 |
| 49 | `#9d87a0` | `oklch(65.15% 0.0440 322.58)` | Amethyst Grey Violet | black, 6.4 to 1 |
| 50 | `#9887a2` | `oklch(64.71% 0.0438 312.94)` | Amethyst Grey Violet | black, 6.3 to 1 |
| 51 | `#9488a4` | `oklch(64.54% 0.0440 304.45)` | Antique Viola | black, 6.2 to 1 |
| 52 | `#9189a7` | `oklch(64.70% 0.0445 297.13)` | Antique Viola | black, 6.3 to 1 |
| 53 | `#8e8baa` | `oklch(65.13% 0.0456 289.70)` | Non Skid Grey | black, 6.4 to 1 |
| 54 | `#8c8fae` | `oklch(65.80% 0.0473 282.10)` | Persian Violet | black, 6.6 to 1 |
| 55 | `#8b92b3` | `oklch(66.66% 0.0495 274.44)` | Fresh Lavender | black, 6.8 to 1 |
| 56 | `#8997b8` | `oklch(67.67% 0.0520 266.80)` | Periwinkle Blossom | black, 7.1 to 1 |
| 57 | `#879cbd` | `oklch(68.78% 0.0547 259.30)` | Sailing | black, 7.5 to 1 |
| 58 | `#85a1c2` | `oklch(69.94% 0.0576 252.03)` | Windy City | black, 7.8 to 1 |
| 59 | `#82a6c6` | `oklch(71.11% 0.0605 245.10)` | High Tide | black, 8.2 to 1 |
| 60 | `#80acc9` | `oklch(72.26% 0.0634 238.60)` | Soul Blue | black, 8.6 to 1 |
| 61 | `#7eb0cc` | `oklch(73.32% 0.0660 232.65)` | Frisky Blue | black, 9 to 1 |
| 62 | `#7db5ce` | `oklch(74.26% 0.0683 227.34)` | Harbour Sky | black, 9.3 to 1 |
| 63 | `#7bb8cf` | `oklch(75.03% 0.0703 222.77)` | Blue Chrysocolla | black, 9.6 to 1 |
| 64 | `#7abbcf` | `oklch(75.59% 0.0717 219.04)` | Petit Four | black, 9.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c98478 0.0%, #c57f7b 1.6%, #be797f 3.2%, #b47284 4.8%, #a86c88 6.3%, #99668c 7.9%, #88618e 9.5%, #765c8e 11.1%, #64598c 12.7%, #535687 14.3%, #435482 15.9%, #35527d 17.5%, #2a527a 19.0%, #215278 20.6%, #195479 22.2%, #11587b 23.8%, #075c80 25.4%, #006287 27.0%, #00678e 28.6%, #006e97 30.2%, #0274a2 31.7%, #127aac 33.3%, #217fb7 34.9%, #3184c1 36.5%, #4087ca 38.1%, #5089d0 39.7%, #618ad5 41.3%, #7489d7 42.9%, #8887d6 44.4%, #9c86d1 46.0%, #ad85c8 47.6%, #bb85bc 49.2%, #c686ae 50.8%, #cc89a2 52.4%, #ce8d97 54.0%, #ce9190 55.6%, #cd958b 57.1%, #cb988a 58.7%, #c9998a 60.3%, #c79a8b 61.9%, #c4988c 63.5%, #c1968e 65.1%, #be9491 66.7%, #ba9193 68.3%, #b58e96 69.8%, #af8c98 71.4%, #a9899b 73.0%, #a3889d 74.6%, #9d87a0 76.2%, #9887a2 77.8%, #9488a4 79.4%, #9189a7 81.0%, #8e8baa 82.5%, #8c8fae 84.1%, #8b92b3 85.7%, #8997b8 87.3%, #879cbd 88.9%, #85a1c2 90.5%, #82a6c6 92.1%, #80acc9 93.7%, #7eb0cc 95.2%, #7db5ce 96.8%, #7bb8cf 98.4%, #7abbcf 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.0882 30.23) 0.0%, oklch(66.81% 0.0877 23.22) 1.6%, oklch(65.00% 0.0870 13.87) 3.2%, oklch(62.80% 0.0860 2.64) 4.8%, oklch(60.31% 0.0848 349.97) 6.3%, oklch(57.63% 0.0836 336.30) 7.9%, oklch(54.88% 0.0824 322.09) 9.5%, oklch(52.17% 0.0813 307.77) 11.1%, oklch(49.58% 0.0805 293.79) 12.7%, oklch(47.25% 0.0799 280.60) 14.3%, oklch(45.26% 0.0796 268.64) 15.9%, oklch(43.74% 0.0798 258.36) 17.5%, oklch(42.78% 0.0806 250.21) 19.0%, oklch(42.48% 0.0820 244.47) 20.6%, oklch(42.80% 0.0844 240.12) 22.2%, oklch(43.64% 0.0879 236.81) 23.8%, oklch(44.92% 0.0920 234.52) 25.4%, oklch(46.56% 0.0965 233.25) 27.0%, oklch(48.47% 0.1000 232.91) 28.6%, oklch(50.56% 0.1051 233.50) 30.2%, oklch(52.76% 0.1114 234.96) 31.7%, oklch(54.97% 0.1157 237.32) 33.3%, oklch(57.12% 0.1194 240.51) 34.9%, oklch(59.13% 0.1222 244.52) 36.5%, oklch(60.90% 0.1238 249.30) 38.1%, oklch(62.35% 0.1241 254.83) 39.7%, oklch(63.54% 0.1229 261.83) 41.3%, oklch(64.70% 0.1203 271.52) 42.9%, oklch(65.81% 0.1164 283.39) 44.4%, oklch(66.88% 0.1116 296.88) 46.0%, oklch(67.89% 0.1061 311.43) 47.6%, oklch(68.83% 0.1000 326.49) 49.2%, oklch(69.68% 0.0936 341.49) 50.8%, oklch(70.44% 0.0871 355.87) 52.4%, oklch(71.10% 0.0808 9.08) 54.0%, oklch(71.64% 0.0748 20.55) 55.6%, oklch(72.05% 0.0695 29.73) 57.1%, oklch(72.33% 0.0649 36.06) 58.7%, oklch(72.45% 0.0614 38.99) 60.3%, oklch(72.30% 0.0584 38.72) 61.9%, oklch(71.88% 0.0557 35.79) 63.5%, oklch(71.24% 0.0532 30.60) 65.1%, oklch(70.43% 0.0511 23.50) 66.7%, oklch(69.51% 0.0492 14.90) 68.3%, oklch(68.53% 0.0476 5.17) 69.8%, oklch(67.55% 0.0463 354.69) 71.4%, oklch(66.62% 0.0452 343.84) 73.0%, oklch(65.80% 0.0445 333.01) 74.6%, oklch(65.15% 0.0440 322.58) 76.2%, oklch(64.71% 0.0438 312.94) 77.8%, oklch(64.54% 0.0440 304.45) 79.4%, oklch(64.70% 0.0445 297.13) 81.0%, oklch(65.13% 0.0456 289.70) 82.5%, oklch(65.80% 0.0473 282.10) 84.1%, oklch(66.66% 0.0495 274.44) 85.7%, oklch(67.67% 0.0520 266.80) 87.3%, oklch(68.78% 0.0547 259.30) 88.9%, oklch(69.94% 0.0576 252.03) 90.5%, oklch(71.11% 0.0605 245.10) 92.1%, oklch(72.26% 0.0634 238.60) 93.7%, oklch(73.32% 0.0660 232.65) 95.2%, oklch(74.26% 0.0683 227.34) 96.8%, oklch(75.03% 0.0703 222.77) 98.4%, oklch(75.59% 0.0717 219.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.088 | 30.2 |
| 2 | 0.425 | 0.081 | -113.5 |
| 3 | 0.626 | 0.124 | -104 |
| 4 | 0.724 | 0.062 | 38.7 |
| 5 | 0.646 | 0.044 | -58.5 |
| 6 | 0.756 | 0.072 | -141 |

## Other forms

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