# Pink, purple, black and blue radial gradient

Pink, purple, black and blue radial gradient with 56 colors: #ff43f5, #ff47f0, #ff4ce9, #ff53e2, #ff5ada, #ff60d2, #ff66cb, #ff6bc4, #ff70bd, #ff73b7, #ff76b1, #ff78ac, #ff79a7, #ff78a2, #ff779d, #ff7399, #ff6e94, #ff678f, #ff5d8a, #f95788, #ed5485, #df5082, #cf4a7f, #be457a, #ac3f75, #9a386e, #873267, #752b5f, #642557, #531f4e, #451a45, #37153c, #2c1034, #220c2d, #1b0927, #150822, #11071f, #0f071f, #0f0820, #100b24, #120f2a, #151431, #191b3b, #1d2245, #212b52, #24345f, #273f6d, #2a4a7c, #2b558a, #2b6098, #2a6ca6, #2877b3, #2381be, #1d8ac7, #1491cf, #0697d5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUt8_rWMpEJQSN_RsjiA`
- Page: https://grabient.com/kUt8_rWMpEJQSN_RsjiA?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: dark center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.9 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 | `#ff43f5` | `oklch(72.05% 0.2830 330.47)` | Actinic Light | black, 7.3 to 1 |
| 2 | `#ff47f0` | `oklch(72.05% 0.2761 331.70)` | Actinic Light | black, 7.3 to 1 |
| 3 | `#ff4ce9` | `oklch(72.16% 0.2658 333.38)` | Pink Party | black, 7.4 to 1 |
| 4 | `#ff53e2` | `oklch(72.37% 0.2534 335.45)` | Purple Pizzazz | black, 7.5 to 1 |
| 5 | `#ff5ada` | `oklch(72.65% 0.2401 337.84)` | Purple Pizzazz | black, 7.7 to 1 |
| 6 | `#ff60d2` | `oklch(72.97% 0.2267 340.47)` | Illicit Pink | black, 7.8 to 1 |
| 7 | `#ff66cb` | `oklch(73.31% 0.2140 343.29)` | Rose Pink | black, 8 to 1 |
| 8 | `#ff6bc4` | `oklch(73.64% 0.2024 346.23)` | Nervous Neon Pink | black, 8.1 to 1 |
| 9 | `#ff70bd` | `oklch(73.95% 0.1923 349.21)` | Fěn Hóng Pink | black, 8.2 to 1 |
| 10 | `#ff73b7` | `oklch(74.20% 0.1838 352.17)` | Dream Setting | black, 8.4 to 1 |
| 11 | `#ff76b1` | `oklch(74.38% 0.1771 355.04)` | Erythrosine | black, 8.4 to 1 |
| 12 | `#ff78ac` | `oklch(74.46% 0.1723 357.76)` | Raspberry Glaze | black, 8.5 to 1 |
| 13 | `#ff79a7` | `oklch(74.41% 0.1693 0.24)` | Pico-8 Pink | black, 8.5 to 1 |
| 14 | `#ff78a2` | `oklch(74.21% 0.1684 2.44)` | Pico-8 Pink | black, 8.4 to 1 |
| 15 | `#ff779d` | `oklch(73.85% 0.1695 4.27)` | Aggressive Salmon | black, 8.3 to 1 |
| 16 | `#ff7399` | `oklch(73.28% 0.1728 5.68)` | Aggressive Salmon | black, 8.1 to 1 |
| 17 | `#ff6e94` | `oklch(72.50% 0.1786 6.59)` | Blush Hour | black, 7.9 to 1 |
| 18 | `#ff678f` | `oklch(71.47% 0.1872 6.93)` | Berlin Pink | black, 7.5 to 1 |
| 19 | `#ff5d8a` | `oklch(70.18% 0.1990 6.65)` | Stellar Strawberry | black, 7.1 to 1 |
| 20 | `#f95788` | `oklch(68.53% 0.1994 5.68)` | Warm Pink | black, 6.7 to 1 |
| 21 | `#ed5485` | `oklch(66.33% 0.1917 4.12)` | Power Peony | black, 6.2 to 1 |
| 22 | `#df5082` | `oklch(63.65% 0.1832 2.01)` | Fandango Pink | black, 5.6 to 1 |
| 23 | `#cf4a7f` | `oklch(60.56% 0.1739 359.42)` | Pink Flambé | black, 4.9 to 1 |
| 24 | `#be457a` | `oklch(57.13% 0.1640 356.38)` | Mauve Mystique | white, 4.8 to 1 |
| 25 | `#ac3f75` | `oklch(53.44% 0.1536 352.96)` | Mystic Maroon | white, 5.6 to 1 |
| 26 | `#9a386e` | `oklch(49.56% 0.1430 349.21)` | Powder Red | white, 6.6 to 1 |
| 27 | `#873267` | `oklch(45.57% 0.1322 345.18)` | Boysenberry | white, 7.8 to 1 |
| 28 | `#752b5f` | `oklch(41.55% 0.1215 340.92)` | Byzantium | white, 9.2 to 1 |
| 29 | `#642557` | `oklch(37.56% 0.1109 336.49)` | Charisma | white, 10.8 to 1 |
| 30 | `#531f4e` | `oklch(33.68% 0.1007 331.94)` | Violet Carmine | white, 12.5 to 1 |
| 31 | `#451a45` | `oklch(29.99% 0.0909 327.33)` | Velvet Cosmos | white, 14.1 to 1 |
| 32 | `#37153c` | `oklch(26.57% 0.0818 322.70)` | Cultist Robe | white, 15.7 to 1 |
| 33 | `#2c1034` | `oklch(23.48% 0.0735 318.11)` | Dark Prom Queen | white, 17 to 1 |
| 34 | `#220c2d` | `oklch(20.81% 0.0661 313.61)` | Blacklist | white, 18 to 1 |
| 35 | `#1b0927` | `oklch(18.62% 0.0598 309.26)` | Meški Black | white, 18.8 to 1 |
| 36 | `#150822` | `oklch(17.00% 0.0548 305.11)` | Election Night | white, 19.3 to 1 |
| 37 | `#11071f` | `oklch(16.01% 0.0512 301.20)` | Election Night | white, 19.5 to 1 |
| 38 | `#0f071f` | `oklch(15.74% 0.0491 297.58)` | Election Night | white, 19.6 to 1 |
| 39 | `#0f0820` | `oklch(16.19% 0.0487 293.91)` | Tristesse | white, 19.4 to 1 |
| 40 | `#100b24` | `oklch(17.29% 0.0497 290.13)` | Tristesse | white, 19.1 to 1 |
| 41 | `#120f2a` | `oklch(18.98% 0.0521 286.27)` | Spanish Roast | white, 18.6 to 1 |
| 42 | `#151431` | `oklch(21.17% 0.0556 282.34)` | Lost in Sadness | white, 17.8 to 1 |
| 43 | `#191b3b` | `oklch(23.80% 0.0602 278.37)` | Nightwalker | white, 16.7 to 1 |
| 44 | `#1d2245` | `oklch(26.79% 0.0656 274.40)` | Black Market | white, 15.3 to 1 |
| 45 | `#212b52` | `oklch(30.07% 0.0717 270.45)` | Pico Void | white, 13.7 to 1 |
| 46 | `#24345f` | `oklch(33.57% 0.0783 266.56)` | Navy Trim | white, 12 to 1 |
| 47 | `#273f6d` | `oklch(37.20% 0.0852 262.73)` | Limoges | white, 10.4 to 1 |
| 48 | `#2a4a7c` | `oklch(40.91% 0.0924 259.02)` | Nautical | white, 8.9 to 1 |
| 49 | `#2b558a` | `oklch(44.60% 0.0996 255.44)` | Flashy Sapphire | white, 7.5 to 1 |
| 50 | `#2b6098` | `oklch(48.22% 0.1067 252.02)` | Lapis Lazuli | white, 6.4 to 1 |
| 51 | `#2a6ca6` | `oklch(51.69% 0.1135 248.78)` | In the Nick | white, 5.5 to 1 |
| 52 | `#2877b3` | `oklch(54.93% 0.1199 245.77)` | North Atlantic Breeze | white, 4.8 to 1 |
| 53 | `#2381be` | `oklch(57.87% 0.1257 242.99)` | Phuket Palette | black, 4.9 to 1 |
| 54 | `#1d8ac7` | `oklch(60.44% 0.1307 240.49)` | Newport Blue | black, 5.5 to 1 |
| 55 | `#1491cf` | `oklch(62.57% 0.1348 238.29)` | Rich Electric Blue | black, 6 to 1 |
| 56 | `#0697d5` | `oklch(64.17% 0.1378 236.42)` | Bayern Blue | black, 6.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ff43f5 0.0%, #ff47f0 1.8%, #ff4ce9 3.6%, #ff53e2 5.5%, #ff5ada 7.3%, #ff60d2 9.1%, #ff66cb 10.9%, #ff6bc4 12.7%, #ff70bd 14.5%, #ff73b7 16.4%, #ff76b1 18.2%, #ff78ac 20.0%, #ff79a7 21.8%, #ff78a2 23.6%, #ff779d 25.5%, #ff7399 27.3%, #ff6e94 29.1%, #ff678f 30.9%, #ff5d8a 32.7%, #f95788 34.5%, #ed5485 36.4%, #df5082 38.2%, #cf4a7f 40.0%, #be457a 41.8%, #ac3f75 43.6%, #9a386e 45.5%, #873267 47.3%, #752b5f 49.1%, #642557 50.9%, #531f4e 52.7%, #451a45 54.5%, #37153c 56.4%, #2c1034 58.2%, #220c2d 60.0%, #1b0927 61.8%, #150822 63.6%, #11071f 65.5%, #0f071f 67.3%, #0f0820 69.1%, #100b24 70.9%, #120f2a 72.7%, #151431 74.5%, #191b3b 76.4%, #1d2245 78.2%, #212b52 80.0%, #24345f 81.8%, #273f6d 83.6%, #2a4a7c 85.5%, #2b558a 87.3%, #2b6098 89.1%, #2a6ca6 90.9%, #2877b3 92.7%, #2381be 94.5%, #1d8ac7 96.4%, #1491cf 98.2%, #0697d5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(72.05% 0.2830 330.47) 0.0%, oklch(72.05% 0.2761 331.70) 1.8%, oklch(72.16% 0.2658 333.38) 3.6%, oklch(72.37% 0.2534 335.45) 5.5%, oklch(72.65% 0.2401 337.84) 7.3%, oklch(72.97% 0.2267 340.47) 9.1%, oklch(73.31% 0.2140 343.29) 10.9%, oklch(73.64% 0.2024 346.23) 12.7%, oklch(73.95% 0.1923 349.21) 14.5%, oklch(74.20% 0.1838 352.17) 16.4%, oklch(74.38% 0.1771 355.04) 18.2%, oklch(74.46% 0.1723 357.76) 20.0%, oklch(74.41% 0.1693 0.24) 21.8%, oklch(74.21% 0.1684 2.44) 23.6%, oklch(73.85% 0.1695 4.27) 25.5%, oklch(73.28% 0.1728 5.68) 27.3%, oklch(72.50% 0.1786 6.59) 29.1%, oklch(71.47% 0.1872 6.93) 30.9%, oklch(70.18% 0.1990 6.65) 32.7%, oklch(68.53% 0.1994 5.68) 34.5%, oklch(66.33% 0.1917 4.12) 36.4%, oklch(63.65% 0.1832 2.01) 38.2%, oklch(60.56% 0.1739 359.42) 40.0%, oklch(57.13% 0.1640 356.38) 41.8%, oklch(53.44% 0.1536 352.96) 43.6%, oklch(49.56% 0.1430 349.21) 45.5%, oklch(45.57% 0.1322 345.18) 47.3%, oklch(41.55% 0.1215 340.92) 49.1%, oklch(37.56% 0.1109 336.49) 50.9%, oklch(33.68% 0.1007 331.94) 52.7%, oklch(29.99% 0.0909 327.33) 54.5%, oklch(26.57% 0.0818 322.70) 56.4%, oklch(23.48% 0.0735 318.11) 58.2%, oklch(20.81% 0.0661 313.61) 60.0%, oklch(18.62% 0.0598 309.26) 61.8%, oklch(17.00% 0.0548 305.11) 63.6%, oklch(16.01% 0.0512 301.20) 65.5%, oklch(15.74% 0.0491 297.58) 67.3%, oklch(16.19% 0.0487 293.91) 69.1%, oklch(17.29% 0.0497 290.13) 70.9%, oklch(18.98% 0.0521 286.27) 72.7%, oklch(21.17% 0.0556 282.34) 74.5%, oklch(23.80% 0.0602 278.37) 76.4%, oklch(26.79% 0.0656 274.40) 78.2%, oklch(30.07% 0.0717 270.45) 80.0%, oklch(33.57% 0.0783 266.56) 81.8%, oklch(37.20% 0.0852 262.73) 83.6%, oklch(40.91% 0.0924 259.02) 85.5%, oklch(44.60% 0.0996 255.44) 87.3%, oklch(48.22% 0.1067 252.02) 89.1%, oklch(51.69% 0.1135 248.78) 90.9%, oklch(54.93% 0.1199 245.77) 92.7%, oklch(57.87% 0.1257 242.99) 94.5%, oklch(60.44% 0.1307 240.49) 96.4%, oklch(62.57% 0.1348 238.29) 98.2%, oklch(64.17% 0.1378 236.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.285 | 330.5 |
| 2 | 0.697 | 0.204 | 366.4 |
| 3 | 0.157 | 0.05 | 298.8 |
| 4 | 0.642 | 0.138 | 236.4 |

## Other forms

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