# Turquoise violet light sphere

Light blue, teal, purple and blue radial gradient with 32 colors: #b7ffff, #abfafa, #98f4f2, #80ece8, #64e4df, #43dbd7, #10d3d2, #00c9d0, #00bfcf, #00b5d0, #00abd3, #00a0d9, #3594d8, #5287d2, #6b79c4, #7c6dae, #846496, #855e81, #835b74, #83586e, #865470, #8b5079, #8e4d88, #8d4c9c, #884eaf, #8152bd, #7958c5, #6f60ca, #6668cc, #5d70cb, #5776c9, #527ac8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, teal, purple and blue radial gradient
- Seed: `kY8jOL4zC_1CwRlBl0txLs60quuy`
- Page: https://grabient.com/kY8jOL4zC_1CwRlBl0txLs60quuy?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#b7ffff` | `oklch(95.28% 0.0703 196.17)` | The Big Freeze | black, 18.7 to 1 |
| 2 | `#abfafa` | `oklch(93.43% 0.0776 195.46)` | Ice Citadel | black, 17.7 to 1 |
| 3 | `#98f4f2` | `oklch(90.87% 0.0883 193.97)` | Hydro Cannon | black, 16.5 to 1 |
| 4 | `#80ece8` | `oklch(87.84% 0.1008 192.41)` | Dead Sea | black, 15.1 to 1 |
| 5 | `#64e4df` | `oklch(84.60% 0.1134 191.47)` | Near Moon | black, 13.7 to 1 |
| 6 | `#43dbd7` | `oklch(81.39% 0.1245 191.88)` | Fish Boy | black, 12.3 to 1 |
| 7 | `#10d3d2` | `oklch(78.48% 0.1326 194.32)` | Blue Martina | black, 11.2 to 1 |
| 8 | `#00c9d0` | `oklch(75.92% 0.1291 199.07)` | Turquoise Surf | black, 10.2 to 1 |
| 9 | `#00bfcf` | `oklch(73.44% 0.1255 205.45)` | The Crowd Roars! | black, 9.3 to 1 |
| 10 | `#00b5d0` | `oklch(71.03% 0.1245 213.31)` | Aquarius | black, 8.5 to 1 |
| 11 | `#00abd3` | `oklch(68.70% 0.1274 222.48)` | Battery Charged Blue | black, 7.7 to 1 |
| 12 | `#00a0d9` | `oklch(66.44% 0.1369 232.83)` | Vanadyl Blue | black, 7 to 1 |
| 13 | `#3594d8` | `oklch(64.24% 0.1344 244.20)` | Boyzone | black, 6.3 to 1 |
| 14 | `#5287d2` | `oklch(62.07% 0.1276 257.30)` | Berlin Blue | black, 5.7 to 1 |
| 15 | `#6b79c4` | `oklch(59.79% 0.1151 274.49)` | Flood | black, 5.1 to 1 |
| 16 | `#7c6dae` | `oklch(57.51% 0.0996 293.89)` | Wintertime Mauve | black, 4.6 to 1 |
| 17 | `#846496` | `oklch(55.39% 0.0838 313.18)` | Dark Lavender | white, 4.9 to 1 |
| 18 | `#855e81` | `oklch(53.55% 0.0709 330.05)` | Trendy Pink | white, 5.3 to 1 |
| 19 | `#835b74` | `oklch(52.15% 0.0637 342.19)` | Purple Gumdrop | white, 5.6 to 1 |
| 20 | `#83586e` | `oklch(51.32% 0.0653 347.40)` | Euphoric Magenta | white, 5.8 to 1 |
| 21 | `#865470` | `oklch(51.10% 0.0771 345.90)` | Merlin’s Cloak | white, 5.9 to 1 |
| 22 | `#8b5079` | `oklch(51.35% 0.0957 339.53)` | Dynamic Magenta | white, 5.9 to 1 |
| 23 | `#8e4d88` | `oklch(51.92% 0.1175 330.12)` | Razzmic Berry | white, 5.8 to 1 |
| 24 | `#8d4c9c` | `oklch(52.65% 0.1385 319.45)` | Vicious Violet | white, 5.7 to 1 |
| 25 | `#884eaf` | `oklch(53.41% 0.1551 309.36)` | Harley Hair Purple | white, 5.5 to 1 |
| 26 | `#8152bd` | `oklch(54.06% 0.1635 301.54)` | Fuchsia Blue | white, 5.4 to 1 |
| 27 | `#7958c5` | `oklch(54.77% 0.1638 294.33)` | Fuchsia Blue | white, 5.2 to 1 |
| 28 | `#6f60ca` | `oklch(55.63% 0.1588 286.79)` | Astro Purple | white, 4.9 to 1 |
| 29 | `#6668cc` | `oklch(56.54% 0.1507 279.40)` | C64 Purple | white, 4.7 to 1 |
| 30 | `#5d70cb` | `oklch(57.40% 0.1414 272.62)` | Indigo Light | black, 4.6 to 1 |
| 31 | `#5776c9` | `oklch(58.14% 0.1332 266.91)` | Indigo Light | black, 4.8 to 1 |
| 32 | `#527ac8` | `oklch(58.66% 0.1281 262.75)` | Serenity’s Reign | black, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b7ffff 0.0%, #abfafa 3.2%, #98f4f2 6.5%, #80ece8 9.7%, #64e4df 12.9%, #43dbd7 16.1%, #10d3d2 19.4%, #00c9d0 22.6%, #00bfcf 25.8%, #00b5d0 29.0%, #00abd3 32.3%, #00a0d9 35.5%, #3594d8 38.7%, #5287d2 41.9%, #6b79c4 45.2%, #7c6dae 48.4%, #846496 51.6%, #855e81 54.8%, #835b74 58.1%, #83586e 61.3%, #865470 64.5%, #8b5079 67.7%, #8e4d88 71.0%, #8d4c9c 74.2%, #884eaf 77.4%, #8152bd 80.6%, #7958c5 83.9%, #6f60ca 87.1%, #6668cc 90.3%, #5d70cb 93.5%, #5776c9 96.8%, #527ac8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(95.28% 0.0703 196.17) 0.0%, oklch(93.43% 0.0776 195.46) 3.2%, oklch(90.87% 0.0883 193.97) 6.5%, oklch(87.84% 0.1008 192.41) 9.7%, oklch(84.60% 0.1134 191.47) 12.9%, oklch(81.39% 0.1245 191.88) 16.1%, oklch(78.48% 0.1326 194.32) 19.4%, oklch(75.92% 0.1291 199.07) 22.6%, oklch(73.44% 0.1255 205.45) 25.8%, oklch(71.03% 0.1245 213.31) 29.0%, oklch(68.70% 0.1274 222.48) 32.3%, oklch(66.44% 0.1369 232.83) 35.5%, oklch(64.24% 0.1344 244.20) 38.7%, oklch(62.07% 0.1276 257.30) 41.9%, oklch(59.79% 0.1151 274.49) 45.2%, oklch(57.51% 0.0996 293.89) 48.4%, oklch(55.39% 0.0838 313.18) 51.6%, oklch(53.55% 0.0709 330.05) 54.8%, oklch(52.15% 0.0637 342.19) 58.1%, oklch(51.32% 0.0653 347.40) 61.3%, oklch(51.10% 0.0771 345.90) 64.5%, oklch(51.35% 0.0957 339.53) 67.7%, oklch(51.92% 0.1175 330.12) 71.0%, oklch(52.65% 0.1385 319.45) 74.2%, oklch(53.41% 0.1551 309.36) 77.4%, oklch(54.06% 0.1635 301.54) 80.6%, oklch(54.77% 0.1638 294.33) 83.9%, oklch(55.63% 0.1588 286.79) 87.1%, oklch(56.54% 0.1507 279.40) 90.3%, oklch(57.40% 0.1414 272.62) 93.5%, oklch(58.14% 0.1332 266.91) 96.8%, oklch(58.66% 0.1281 262.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.07 | 196.2 |
| 2 | 0.78 | 0.134 | 195.1 |
| 3 | 0.634 | 0.132 | 249 |
| 4 | 0.516 | 0.063 | 346.2 |
| 5 | 0.539 | 0.163 | 302.9 |
| 6 | 0.587 | 0.128 | 262.7 |

## In these collections

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

## Other forms

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