# Cool light blue to blue radial gradient

Cool light blue to blue radial gradient with 32 colors: #95ccd4, #8fc9d4, #88c4d4, #81bfd3, #7ab8d3, #74b0d3, #6fa8d3, #6c9fd2, #6996d0, #678dce, #6584cc, #637bc9, #5f73c7, #5a6ac5, #5560c3, #5057c1, #4b4dbf, #4643bd, #4139bb, #3c2fb8, #3925b6, #361cb3, #3313af, #2f0aac, #2b04a8, #2701a4, #2300a0, #1f019c, #1a0298, #160395, #130392, #100390. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUziqTTirHDJNwSmyL7A`
- Page: https://grabient.com/kUziqTTirHDJNwSmyL7A?style=radialGradient&steps=32&angle=180
- Drawn as: radial gradient, 32 steps, 180 degrees
- Kinds: light to dark, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.2 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 | `#95ccd4` | `oklch(81.10% 0.0579 206.72)` | Gentle Aquamarine | black, 11.9 to 1 |
| 2 | `#8fc9d4` | `oklch(79.98% 0.0611 210.38)` | Idyllic Isle | black, 11.4 to 1 |
| 3 | `#88c4d4` | `oklch(78.57% 0.0651 215.34)` | After the Rain | black, 10.9 to 1 |
| 4 | `#81bfd3` | `oklch(76.90% 0.0696 221.29)` | Ocean Horizon | black, 10.2 to 1 |
| 5 | `#7ab8d3` | `oklch(75.02% 0.0748 227.94)` | Blue Chrysocolla | black, 9.6 to 1 |
| 6 | `#74b0d3` | `oklch(72.99% 0.0805 234.98)` | Meadow Blossom Blue | black, 8.9 to 1 |
| 7 | `#6fa8d3` | `oklch(70.84% 0.0866 242.13)` | Chronus Blue | black, 8.2 to 1 |
| 8 | `#6c9fd2` | `oklch(68.64% 0.0932 249.08)` | Blue Electress | black, 7.5 to 1 |
| 9 | `#6996d0` | `oklch(66.41% 0.1001 255.52)` | Bashful Blue | black, 6.8 to 1 |
| 10 | `#678dce` | `oklch(64.22% 0.1072 261.18)` | Royal Regatta | black, 6.2 to 1 |
| 11 | `#6584cc` | `oklch(62.10% 0.1146 265.73)` | Livid | black, 5.7 to 1 |
| 12 | `#637bc9` | `oklch(60.04% 0.1225 269.08)` | Indigo Light | black, 5.2 to 1 |
| 13 | `#5f73c7` | `oklch(57.85% 0.1318 271.69)` | Indigo Light | black, 4.7 to 1 |
| 14 | `#5a6ac5` | `oklch(55.57% 0.1421 273.70)` | Borage Blue | white, 4.8 to 1 |
| 15 | `#5560c3` | `oklch(53.24% 0.1531 275.19)` | Borage Blue | white, 5.4 to 1 |
| 16 | `#5057c1` | `oklch(50.89% 0.1643 276.22)` | Free Speech Blue | white, 6 to 1 |
| 17 | `#4b4dbf` | `oklch(48.58% 0.1754 276.89)` | Free Speech Blue | white, 6.7 to 1 |
| 18 | `#4643bd` | `oklch(46.33% 0.1860 277.27)` | Royal Nightcore | white, 7.5 to 1 |
| 19 | `#4139bb` | `oklch(44.20% 0.1956 277.45)` | Early Spring Night | white, 8.3 to 1 |
| 20 | `#3c2fb8` | `oklch(42.21% 0.2039 277.50)` | Blue Depression | white, 9.1 to 1 |
| 21 | `#3925b6` | `oklch(40.43% 0.2104 277.50)` | Indigo Blue | white, 9.9 to 1 |
| 22 | `#361cb3` | `oklch(38.88% 0.2148 277.51)` | Indigo Blue | white, 10.6 to 1 |
| 23 | `#3313af` | `oklch(37.50% 0.2171 277.21)` | Deep Daijin Blue | white, 11.3 to 1 |
| 24 | `#2f0aac` | `oklch(36.27% 0.2177 276.54)` | Sea Grape | white, 11.9 to 1 |
| 25 | `#2b04a8` | `oklch(35.17% 0.2168 275.60)` | Sea Grape | white, 12.4 to 1 |
| 26 | `#2701a4` | `oklch(34.19% 0.2149 274.47)` | Blue Beetle | white, 12.9 to 1 |
| 27 | `#2300a0` | `oklch(33.33% 0.2122 273.21)` | Blue Beetle | white, 13.3 to 1 |
| 28 | `#1f019c` | `oklch(32.57% 0.2092 271.92)` | Blue Beetle | white, 13.6 to 1 |
| 29 | `#1a0298` | `oklch(31.89% 0.2061 270.68)` | Blue Beetle | white, 13.9 to 1 |
| 30 | `#160395` | `oklch(31.30% 0.2033 269.56)` | Blue Trust | white, 14.1 to 1 |
| 31 | `#130392` | `oklch(30.78% 0.2011 268.64)` | Blue Trust | white, 14.3 to 1 |
| 32 | `#100390` | `oklch(30.31% 0.1998 268.01)` | Blue Trust | white, 14.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #95ccd4 0.0%, #8fc9d4 3.2%, #88c4d4 6.5%, #81bfd3 9.7%, #7ab8d3 12.9%, #74b0d3 16.1%, #6fa8d3 19.4%, #6c9fd2 22.6%, #6996d0 25.8%, #678dce 29.0%, #6584cc 32.3%, #637bc9 35.5%, #5f73c7 38.7%, #5a6ac5 41.9%, #5560c3 45.2%, #5057c1 48.4%, #4b4dbf 51.6%, #4643bd 54.8%, #4139bb 58.1%, #3c2fb8 61.3%, #3925b6 64.5%, #361cb3 67.7%, #3313af 71.0%, #2f0aac 74.2%, #2b04a8 77.4%, #2701a4 80.6%, #2300a0 83.9%, #1f019c 87.1%, #1a0298 90.3%, #160395 93.5%, #130392 96.8%, #100390 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.10% 0.0579 206.72) 0.0%, oklch(79.98% 0.0611 210.38) 3.2%, oklch(78.57% 0.0651 215.34) 6.5%, oklch(76.90% 0.0696 221.29) 9.7%, oklch(75.02% 0.0748 227.94) 12.9%, oklch(72.99% 0.0805 234.98) 16.1%, oklch(70.84% 0.0866 242.13) 19.4%, oklch(68.64% 0.0932 249.08) 22.6%, oklch(66.41% 0.1001 255.52) 25.8%, oklch(64.22% 0.1072 261.18) 29.0%, oklch(62.10% 0.1146 265.73) 32.3%, oklch(60.04% 0.1225 269.08) 35.5%, oklch(57.85% 0.1318 271.69) 38.7%, oklch(55.57% 0.1421 273.70) 41.9%, oklch(53.24% 0.1531 275.19) 45.2%, oklch(50.89% 0.1643 276.22) 48.4%, oklch(48.58% 0.1754 276.89) 51.6%, oklch(46.33% 0.1860 277.27) 54.8%, oklch(44.20% 0.1956 277.45) 58.1%, oklch(42.21% 0.2039 277.50) 61.3%, oklch(40.43% 0.2104 277.50) 64.5%, oklch(38.88% 0.2148 277.51) 67.7%, oklch(37.50% 0.2171 277.21) 71.0%, oklch(36.27% 0.2177 276.54) 74.2%, oklch(35.17% 0.2168 275.60) 77.4%, oklch(34.19% 0.2149 274.47) 80.6%, oklch(33.33% 0.2122 273.21) 83.9%, oklch(32.57% 0.2092 271.92) 87.1%, oklch(31.89% 0.2061 270.68) 90.3%, oklch(31.30% 0.2033 269.56) 93.5%, oklch(30.78% 0.2011 268.64) 96.8%, oklch(30.31% 0.1998 268.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.058 | 206.7 |
| 2 | 0.614 | 0.117 | 267 |
| 3 | 0.394 | 0.214 | 277.5 |
| 4 | 0.303 | 0.2 | 268 |

## In these collections

- [Electric blue gradients](https://grabient.com/electric-blue-gradients)

## Other forms

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