# Vivid light blue, purple, cyan and navy radial gradient

Vivid light blue, purple, cyan and navy radial gradient with 40 colors: #79e0e7, #5cd6ea, #2fc7f1, #00b0f8, #1d94ff, #4874ff, #6152f8, #6f32ed, #751be5, #751ae4, #712ce9, #6943f0, #5d59f6, #4e6dfa, #3e7dfa, #3088f8, #2a8cf5, #2a8af0, #2d84ea, #317ce3, #3474dc, #356dd7, #346ad3, #2f6bd2, #2274d5, #0086da, #009cdc, #00b4e2, #00cce8, #00e0eb, #30ebea, #43ede5, #3ee3de, #26ced3, #00b1c3, #0090ad, #006f95, #00517e, #00396c, #03285f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY10aPwF7K1FCO1GPcB7TC3yUmyA`
- Page: https://grabient.com/kY10aPwF7K1FCO1GPcB7TC3yUmyA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#79e0e7` | `oklch(84.65% 0.0965 201.80)` | Turkish Turquoise | black, 13.5 to 1 |
| 2 | `#5cd6ea` | `oklch(81.58% 0.1112 210.04)` | Electric Lemonade | black, 12.3 to 1 |
| 3 | `#2fc7f1` | `oklch(77.13% 0.1328 222.06)` | Picnic Day Sky | black, 10.5 to 1 |
| 4 | `#00b0f8` | `oklch(71.80% 0.1555 236.43)` | Democrat | black, 8.5 to 1 |
| 5 | `#1d94ff` | `oklch(66.11% 0.1857 251.74)` | Starfleet Blue | black, 6.7 to 1 |
| 6 | `#4874ff` | `oklch(60.59% 0.2127 266.60)` | Lightish Blue | black, 5.2 to 1 |
| 7 | `#6152f8` | `oklch(55.75% 0.2358 279.58)` | Shady Neon Blue | white, 5.1 to 1 |
| 8 | `#6f32ed` | `oklch(52.10% 0.2529 289.28)` | Almost Royal | white, 6.2 to 1 |
| 9 | `#751be5` | `oklch(50.16% 0.2613 294.31)` | Voluptuous Violet | white, 6.9 to 1 |
| 10 | `#751ae4` | `oklch(50.05% 0.2610 294.50)` | Voluptuous Violet | white, 6.9 to 1 |
| 11 | `#712ce9` | `oklch(51.34% 0.2540 290.99)` | Almost Royal | white, 6.4 to 1 |
| 12 | `#6943f0` | `oklch(53.58% 0.2422 284.89)` | Purplish Blue | white, 5.7 to 1 |
| 13 | `#5d59f6` | `oklch(56.34% 0.2276 277.30)` | Shady Neon Blue | white, 4.9 to 1 |
| 14 | `#4e6dfa` | `oklch(59.19% 0.2122 269.31)` | Blue Heath Butterfly | black, 4.8 to 1 |
| 15 | `#3e7dfa` | `oklch(61.67% 0.1978 262.04)` | Lightish Blue | black, 5.5 to 1 |
| 16 | `#3088f8` | `oklch(63.34% 0.1864 256.58)` | Pool Water | black, 5.9 to 1 |
| 17 | `#2a8cf5` | `oklch(63.80% 0.1798 253.94)` | Clear Chill | black, 6.1 to 1 |
| 18 | `#2a8af0` | `oklch(63.04% 0.1760 253.74)` | Bleu de France | black, 5.9 to 1 |
| 19 | `#2d84ea` | `oklch(61.45% 0.1740 255.13)` | Seljuk Blue | black, 5.5 to 1 |
| 20 | `#317ce3` | `oklch(59.42% 0.1732 257.38)` | Skies of Cyberspace | black, 5.1 to 1 |
| 21 | `#3474dc` | `oklch(57.34% 0.1730 259.75)` | Skies of Cyberspace | black, 4.6 to 1 |
| 22 | `#356dd7` | `oklch(55.60% 0.1729 261.52)` | Enchanting Sapphire | white, 4.8 to 1 |
| 23 | `#346ad3` | `oklch(54.59% 0.1723 261.94)` | Enchanting Sapphire | white, 5 to 1 |
| 24 | `#2f6bd2` | `oklch(54.68% 0.1706 260.27)` | Enchanting Sapphire | white, 5 to 1 |
| 25 | `#2274d5` | `oklch(56.43% 0.1675 255.59)` | Bright Navy Blue | white, 4.6 to 1 |
| 26 | `#0086da` | `oklch(60.33% 0.1594 247.21)` | Blue Cola | black, 5.4 to 1 |
| 27 | `#009cdc` | `oklch(65.68% 0.1419 236.29)` | Atmosphere | black, 6.8 to 1 |
| 28 | `#00b4e2` | `oklch(71.67% 0.1348 224.17)` | Blue Atoll | black, 8.6 to 1 |
| 29 | `#00cce8` | `oklch(77.51% 0.1352 212.17)` | Picnic Day Sky | black, 10.7 to 1 |
| 30 | `#00e0eb` | `oklch(82.40% 0.1402 201.64)` | Tamarama | black, 12.8 to 1 |
| 31 | `#30ebea` | `oklch(85.52% 0.1390 193.90)` | Phosphorescent Blue | black, 14.2 to 1 |
| 32 | `#43ede5` | `oklch(86.09% 0.1345 190.29)` | Phosphorescent Blue | black, 14.4 to 1 |
| 33 | `#3ee3de` | `oklch(83.35% 0.1304 191.87)` | Bright Turquoise | black, 13.2 to 1 |
| 34 | `#26ced3` | `oklch(77.55% 0.1262 198.05)` | Jade Glass | black, 10.8 to 1 |
| 35 | `#00b1c3` | `oklch(69.58% 0.1195 207.54)` | Antigua Blue | black, 8 to 1 |
| 36 | `#0090ad` | `oklch(60.36% 0.1092 219.03)` | Zeftron | black, 5.5 to 1 |
| 37 | `#006f95` | `oklch(50.79% 0.1026 231.22)` | Tropic Sea | white, 5.6 to 1 |
| 38 | `#00517e` | `oklch(41.79% 0.1007 242.80)` | Cleo’s Bath | white, 8.4 to 1 |
| 39 | `#00396c` | `oklch(34.27% 0.1041 252.49)` | Ateneo Blue | white, 11.6 to 1 |
| 40 | `#03285f` | `oklch(29.13% 0.1061 258.86)` | Blue Leviathan | white, 14.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #79e0e7 0.0%, #5cd6ea 2.6%, #2fc7f1 5.1%, #00b0f8 7.7%, #1d94ff 10.3%, #4874ff 12.8%, #6152f8 15.4%, #6f32ed 17.9%, #751be5 20.5%, #751ae4 23.1%, #712ce9 25.6%, #6943f0 28.2%, #5d59f6 30.8%, #4e6dfa 33.3%, #3e7dfa 35.9%, #3088f8 38.5%, #2a8cf5 41.0%, #2a8af0 43.6%, #2d84ea 46.2%, #317ce3 48.7%, #3474dc 51.3%, #356dd7 53.8%, #346ad3 56.4%, #2f6bd2 59.0%, #2274d5 61.5%, #0086da 64.1%, #009cdc 66.7%, #00b4e2 69.2%, #00cce8 71.8%, #00e0eb 74.4%, #30ebea 76.9%, #43ede5 79.5%, #3ee3de 82.1%, #26ced3 84.6%, #00b1c3 87.2%, #0090ad 89.7%, #006f95 92.3%, #00517e 94.9%, #00396c 97.4%, #03285f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(84.65% 0.0965 201.80) 0.0%, oklch(81.58% 0.1112 210.04) 2.6%, oklch(77.13% 0.1328 222.06) 5.1%, oklch(71.80% 0.1555 236.43) 7.7%, oklch(66.11% 0.1857 251.74) 10.3%, oklch(60.59% 0.2127 266.60) 12.8%, oklch(55.75% 0.2358 279.58) 15.4%, oklch(52.10% 0.2529 289.28) 17.9%, oklch(50.16% 0.2613 294.31) 20.5%, oklch(50.05% 0.2610 294.50) 23.1%, oklch(51.34% 0.2540 290.99) 25.6%, oklch(53.58% 0.2422 284.89) 28.2%, oklch(56.34% 0.2276 277.30) 30.8%, oklch(59.19% 0.2122 269.31) 33.3%, oklch(61.67% 0.1978 262.04) 35.9%, oklch(63.34% 0.1864 256.58) 38.5%, oklch(63.80% 0.1798 253.94) 41.0%, oklch(63.04% 0.1760 253.74) 43.6%, oklch(61.45% 0.1740 255.13) 46.2%, oklch(59.42% 0.1732 257.38) 48.7%, oklch(57.34% 0.1730 259.75) 51.3%, oklch(55.60% 0.1729 261.52) 53.8%, oklch(54.59% 0.1723 261.94) 56.4%, oklch(54.68% 0.1706 260.27) 59.0%, oklch(56.43% 0.1675 255.59) 61.5%, oklch(60.33% 0.1594 247.21) 64.1%, oklch(65.68% 0.1419 236.29) 66.7%, oklch(71.67% 0.1348 224.17) 69.2%, oklch(77.51% 0.1352 212.17) 71.8%, oklch(82.40% 0.1402 201.64) 74.4%, oklch(85.52% 0.1390 193.90) 76.9%, oklch(86.09% 0.1345 190.29) 79.5%, oklch(83.35% 0.1304 191.87) 82.1%, oklch(77.55% 0.1262 198.05) 84.6%, oklch(69.58% 0.1195 207.54) 87.2%, oklch(60.36% 0.1092 219.03) 89.7%, oklch(50.79% 0.1026 231.22) 92.3%, oklch(41.79% 0.1007 242.80) 94.9%, oklch(34.27% 0.1041 252.49) 97.4%, oklch(29.13% 0.1061 258.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.096 | 201.8 |
| 2 | 0.504 | 0.26 | 293.7 |
| 3 | 0.638 | 0.182 | 254.6 |
| 4 | 0.551 | 0.169 | 258.9 |
| 5 | 0.858 | 0.134 | 190.2 |
| 6 | 0.291 | 0.106 | 258.9 |

## Other forms

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