# Purple, blue and black radial gradient

Purple, blue and black radial gradient with 56 colors: #7d5591, #7b5695, #78589b, #745aa1, #6e5da8, #6760ae, #5f64b4, #5568b9, #4b6dbe, #4272c1, #3a77c3, #357bc5, #3780c7, #3e86ca, #488dce, #5494d2, #629bd6, #6fa1d9, #7ba7dc, #86abde, #8faede, #94aedd, #97acd9, #97a6d4, #969ecd, #9393c3, #8f86b7, #8a78aa, #846a9a, #7e5c8b, #774e7b, #6f426c, #67395f, #5f3156, #552b4e, #4a2648, #3e2241, #321f3a, #281b32, #1f182a, #181522, #13131c, #111118, #101116, #111218, #15151e, #1c1a29, #282136, #382844, #4d2e52, #65355c, #7f3b61, #984162, #ae475d, #c04d56, #cc524f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYg0vfSTC4t6ZwYxHsgF4S5Uw4zG`
- Page: https://grabient.com/kYg0vfSTC4t6ZwYxHsgF4S5Uw4zG?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 8.3 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 | `#7d5591` | `oklch(51.57% 0.1033 313.59)` | Juneberry | white, 5.8 to 1 |
| 2 | `#7b5695` | `oklch(51.85% 0.1053 310.04)` | Juneberry | white, 5.8 to 1 |
| 3 | `#78589b` | `oklch(52.14% 0.1083 305.17)` | Juneberry | white, 5.7 to 1 |
| 4 | `#745aa1` | `oklch(52.46% 0.1120 299.27)` | Sumire Violet | white, 5.6 to 1 |
| 5 | `#6e5da8` | `oklch(52.82% 0.1161 292.66)` | Prophet Violet | white, 5.5 to 1 |
| 6 | `#6760ae` | `oklch(53.24% 0.1204 285.65)` | Blue Marguerite | white, 5.4 to 1 |
| 7 | `#5f64b4` | `oklch(53.72% 0.1245 278.54)` | Bluish Purple Anemone | white, 5.2 to 1 |
| 8 | `#5568b9` | `oklch(54.27% 0.1283 271.64)` | Amparo Blue | white, 5.1 to 1 |
| 9 | `#4b6dbe` | `oklch(54.91% 0.1313 265.26)` | Azraq Blue | white, 4.9 to 1 |
| 10 | `#4272c1` | `oklch(55.66% 0.1334 259.71)` | Palace Blue | white, 4.7 to 1 |
| 11 | `#3a77c3` | `oklch(56.51% 0.1343 255.29)` | Windows Blue | black, 4.5 to 1 |
| 12 | `#357bc5` | `oklch(57.48% 0.1337 252.30)` | Celestial Plum | black, 4.7 to 1 |
| 13 | `#3780c7` | `oklch(58.80% 0.1311 250.53)` | Worn Denim | black, 5 to 1 |
| 14 | `#3e86ca` | `oklch(60.60% 0.1268 249.49)` | Casting Sea | black, 5.4 to 1 |
| 15 | `#488dce` | `oklch(62.73% 0.1210 249.15)` | Magical Merlin | black, 5.9 to 1 |
| 16 | `#5494d2` | `oklch(65.04% 0.1143 249.46)` | Delphinium Corsage | black, 6.5 to 1 |
| 17 | `#629bd6` | `oklch(67.40% 0.1068 250.38)` | Blue Bay | black, 7.1 to 1 |
| 18 | `#6fa1d9` | `oklch(69.66% 0.0991 251.85)` | Kindred | black, 7.7 to 1 |
| 19 | `#7ba7dc` | `oklch(71.67% 0.0916 253.84)` | Jordy Blue | black, 8.3 to 1 |
| 20 | `#86abde` | `oklch(73.30% 0.0845 256.30)` | Queer Blue | black, 8.8 to 1 |
| 21 | `#8faede` | `oklch(74.39% 0.0784 259.18)` | Blue Skies Today | black, 9.2 to 1 |
| 22 | `#94aedd` | `oklch(74.81% 0.0735 262.44)` | Blue Skies Today | black, 9.3 to 1 |
| 23 | `#97acd9` | `oklch(74.41% 0.0703 266.04)` | Aster Flower Blue | black, 9.2 to 1 |
| 24 | `#97a6d4` | `oklch(73.08% 0.0690 270.69)` | Foresight | black, 8.7 to 1 |
| 25 | `#969ecd` | `oklch(70.89% 0.0692 276.87)` | Velvet Robe | black, 8 to 1 |
| 26 | `#9393c3` | `oklch(68.02% 0.0708 284.18)` | Litmus | black, 7.1 to 1 |
| 27 | `#8f86b7` | `oklch(64.60% 0.0732 292.22)` | Silk Lilac | black, 6.2 to 1 |
| 28 | `#8a78aa` | `oklch(60.80% 0.0761 300.57)` | Grape Parfait | black, 5.3 to 1 |
| 29 | `#846a9a` | `oklch(56.78% 0.0792 308.84)` | Dark Lavender | white, 4.6 to 1 |
| 30 | `#7e5c8b` | `oklch(52.67% 0.0821 316.62)` | Plum Power | white, 5.5 to 1 |
| 31 | `#774e7b` | `oklch(48.64% 0.0844 323.50)` | Spiced Plum | white, 6.6 to 1 |
| 32 | `#6f426c` | `oklch(44.85% 0.0857 329.09)` | Burnt Orchid | white, 7.8 to 1 |
| 33 | `#67395f` | `oklch(41.45% 0.0857 332.96)` | Berry Light | white, 9 to 1 |
| 34 | `#5f3156` | `oklch(38.58% 0.0841 334.73)` | Spanish Plum | white, 10.2 to 1 |
| 35 | `#552b4e` | `oklch(35.94% 0.0799 333.71)` | Plum Skin | white, 11.3 to 1 |
| 36 | `#4a2648` | `oklch(33.14% 0.0733 329.95)` | Murasaki | white, 12.5 to 1 |
| 37 | `#3e2241` | `oklch(30.31% 0.0649 324.07)` | Profound Mauve | white, 13.8 to 1 |
| 38 | `#321f3a` | `oklch(27.54% 0.0552 316.74)` | Fat Tuesday | white, 15.1 to 1 |
| 39 | `#281b32` | `oklch(24.93% 0.0451 308.59)` | Bleached Cedar | white, 16.2 to 1 |
| 40 | `#1f182a` | `oklch(22.59% 0.0353 300.27)` | Sambucus | white, 17.1 to 1 |
| 41 | `#181522` | `oklch(20.62% 0.0262 292.43)` | Violet Void | white, 17.9 to 1 |
| 42 | `#13131c` | `oklch(19.12% 0.0187 285.71)` | Back in Black | white, 18.4 to 1 |
| 43 | `#111118` | `oklch(18.20% 0.0135 280.75)` | Midnight Edition | white, 18.7 to 1 |
| 44 | `#101116` | `oklch(17.96% 0.0112 278.21)` | Ruined Smores | white, 18.8 to 1 |
| 45 | `#111218` | `oklch(18.50% 0.0124 278.72)` | Midnight Edition | white, 18.6 to 1 |
| 46 | `#15151e` | `oklch(20.11% 0.0179 282.65)` | Kuroi Black | white, 18 to 1 |
| 47 | `#1c1a29` | `oklch(22.84% 0.0273 289.52)` | Coarse Wool | white, 17 to 1 |
| 48 | `#282136` | `oklch(26.47% 0.0399 298.74)` | Cold Steel | white, 15.4 to 1 |
| 49 | `#382844` | `oklch(30.75% 0.0547 309.69)` | Aubergine Mauve | white, 13.5 to 1 |
| 50 | `#4d2e52` | `oklch(35.47% 0.0711 321.78)` | Purple Shade | white, 11.4 to 1 |
| 51 | `#65355c` | `oklch(40.39% 0.0881 334.40)` | Opulent Purple | white, 9.4 to 1 |
| 52 | `#7f3b61` | `oklch(45.27% 0.1051 346.95)` | Pleasure | white, 7.8 to 1 |
| 53 | `#984162` | `oklch(49.89% 0.1211 358.82)` | Velvet Wine | white, 6.4 to 1 |
| 54 | `#ae475d` | `oklch(54.01% 0.1355 9.43)` | Cherry on Top | white, 5.4 to 1 |
| 55 | `#c04d56` | `oklch(57.41% 0.1473 18.15)` | Bittersweet Shimmer | white, 4.7 to 1 |
| 56 | `#cc524f` | `oklch(59.84% 0.1557 24.40)` | Chinese Dragon | black, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #7d5591 0.0%, #7b5695 1.8%, #78589b 3.6%, #745aa1 5.5%, #6e5da8 7.3%, #6760ae 9.1%, #5f64b4 10.9%, #5568b9 12.7%, #4b6dbe 14.5%, #4272c1 16.4%, #3a77c3 18.2%, #357bc5 20.0%, #3780c7 21.8%, #3e86ca 23.6%, #488dce 25.5%, #5494d2 27.3%, #629bd6 29.1%, #6fa1d9 30.9%, #7ba7dc 32.7%, #86abde 34.5%, #8faede 36.4%, #94aedd 38.2%, #97acd9 40.0%, #97a6d4 41.8%, #969ecd 43.6%, #9393c3 45.5%, #8f86b7 47.3%, #8a78aa 49.1%, #846a9a 50.9%, #7e5c8b 52.7%, #774e7b 54.5%, #6f426c 56.4%, #67395f 58.2%, #5f3156 60.0%, #552b4e 61.8%, #4a2648 63.6%, #3e2241 65.5%, #321f3a 67.3%, #281b32 69.1%, #1f182a 70.9%, #181522 72.7%, #13131c 74.5%, #111118 76.4%, #101116 78.2%, #111218 80.0%, #15151e 81.8%, #1c1a29 83.6%, #282136 85.5%, #382844 87.3%, #4d2e52 89.1%, #65355c 90.9%, #7f3b61 92.7%, #984162 94.5%, #ae475d 96.4%, #c04d56 98.2%, #cc524f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.57% 0.1033 313.59) 0.0%, oklch(51.85% 0.1053 310.04) 1.8%, oklch(52.14% 0.1083 305.17) 3.6%, oklch(52.46% 0.1120 299.27) 5.5%, oklch(52.82% 0.1161 292.66) 7.3%, oklch(53.24% 0.1204 285.65) 9.1%, oklch(53.72% 0.1245 278.54) 10.9%, oklch(54.27% 0.1283 271.64) 12.7%, oklch(54.91% 0.1313 265.26) 14.5%, oklch(55.66% 0.1334 259.71) 16.4%, oklch(56.51% 0.1343 255.29) 18.2%, oklch(57.48% 0.1337 252.30) 20.0%, oklch(58.80% 0.1311 250.53) 21.8%, oklch(60.60% 0.1268 249.49) 23.6%, oklch(62.73% 0.1210 249.15) 25.5%, oklch(65.04% 0.1143 249.46) 27.3%, oklch(67.40% 0.1068 250.38) 29.1%, oklch(69.66% 0.0991 251.85) 30.9%, oklch(71.67% 0.0916 253.84) 32.7%, oklch(73.30% 0.0845 256.30) 34.5%, oklch(74.39% 0.0784 259.18) 36.4%, oklch(74.81% 0.0735 262.44) 38.2%, oklch(74.41% 0.0703 266.04) 40.0%, oklch(73.08% 0.0690 270.69) 41.8%, oklch(70.89% 0.0692 276.87) 43.6%, oklch(68.02% 0.0708 284.18) 45.5%, oklch(64.60% 0.0732 292.22) 47.3%, oklch(60.80% 0.0761 300.57) 49.1%, oklch(56.78% 0.0792 308.84) 50.9%, oklch(52.67% 0.0821 316.62) 52.7%, oklch(48.64% 0.0844 323.50) 54.5%, oklch(44.85% 0.0857 329.09) 56.4%, oklch(41.45% 0.0857 332.96) 58.2%, oklch(38.58% 0.0841 334.73) 60.0%, oklch(35.94% 0.0799 333.71) 61.8%, oklch(33.14% 0.0733 329.95) 63.6%, oklch(30.31% 0.0649 324.07) 65.5%, oklch(27.54% 0.0552 316.74) 67.3%, oklch(24.93% 0.0451 308.59) 69.1%, oklch(22.59% 0.0353 300.27) 70.9%, oklch(20.62% 0.0262 292.43) 72.7%, oklch(19.12% 0.0187 285.71) 74.5%, oklch(18.20% 0.0135 280.75) 76.4%, oklch(17.96% 0.0112 278.21) 78.2%, oklch(18.50% 0.0124 278.72) 80.0%, oklch(20.11% 0.0179 282.65) 81.8%, oklch(22.84% 0.0273 289.52) 83.6%, oklch(26.47% 0.0399 298.74) 85.5%, oklch(30.75% 0.0547 309.69) 87.3%, oklch(35.47% 0.0711 321.78) 89.1%, oklch(40.39% 0.0881 334.40) 90.9%, oklch(45.27% 0.1051 346.95) 92.7%, oklch(49.89% 0.1211 358.82) 94.5%, oklch(54.01% 0.1355 9.43) 96.4%, oklch(57.41% 0.1473 18.15) 98.2%, oklch(59.84% 0.1557 24.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.103 | 313.6 |
| 2 | 0.575 | 0.134 | 252.3 |
| 3 | 0.744 | 0.07 | 266 |
| 4 | 0.386 | 0.084 | 334.7 |
| 5 | 0.185 | 0.012 | 278.7 |
| 6 | 0.598 | 0.156 | 384.4 |

## Other forms

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