# Blue storm eye glow

Analogous blue, light blue and teal radial gradient with 40 colors: #309fdb, #319bd6, #3195cf, #318ec5, #3185bb, #307db0, #2f74a5, #2d6b9a, #2c638f, #2b5d86, #2a577e, #2a5378, #2b5074, #2c5073, #305275, #35577a, #3c5d81, #44658b, #4d6e96, #5779a2, #6083ae, #6a8ebb, #7399c8, #7ba3d3, #81abdc, #85b2e3, #87b7e7, #86bae7, #82bce5, #7ebce1, #78bbda, #73b9d2, #6eb7c8, #6ab3be, #67afb4, #65abaa, #64a7a1, #63a399, #64a093, #649e8e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous blue, light blue and teal radial gradient
- Seed: `kUql-pNZpBWEfP9TF7dA`
- Page: https://grabient.com/kUql-pNZpBWEfP9TF7dA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.1 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 | `#309fdb` | `oklch(66.93% 0.1309 237.66)` | Blue Damselfly | black, 7.1 to 1 |
| 2 | `#319bd6` | `oklch(65.67% 0.1281 238.20)` | Blue Burst | black, 6.7 to 1 |
| 3 | `#3195cf` | `oklch(63.89% 0.1243 238.93)` | Splish Splash | black, 6.3 to 1 |
| 4 | `#318ec5` | `oklch(61.69% 0.1198 239.80)` | Porpita Porpita | black, 5.7 to 1 |
| 5 | `#3185bb` | `oklch(59.19% 0.1146 240.79)` | Pat-A-Pep | black, 5.2 to 1 |
| 6 | `#307db0` | `oklch(56.51% 0.1091 241.86)` | Vermeer Blue | black, 4.6 to 1 |
| 7 | `#2f74a5` | `oklch(53.75% 0.1033 242.97)` | Taiwan Blue Magpie | white, 5 to 1 |
| 8 | `#2d6b9a` | `oklch(51.04% 0.0975 244.10)` | Blues | white, 5.6 to 1 |
| 9 | `#2c638f` | `oklch(48.49% 0.0918 245.20)` | Starry Night | white, 6.3 to 1 |
| 10 | `#2b5d86` | `oklch(46.22% 0.0864 246.26)` | Pelagic | white, 7 to 1 |
| 11 | `#2a577e` | `oklch(44.33% 0.0816 247.23)` | Breonne Blue | white, 7.6 to 1 |
| 12 | `#2a5378` | `oklch(42.94% 0.0773 248.07)` | Blueberry Twist | white, 8 to 1 |
| 13 | `#2b5074` | `oklch(42.17% 0.0740 248.77)` | Midnight Sonata | white, 8.3 to 1 |
| 14 | `#2c5073` | `oklch(42.13% 0.0717 249.28)` | Midnight Sonata | white, 8.3 to 1 |
| 15 | `#305275` | `oklch(42.95% 0.0704 249.81)` | Aerostatics | white, 8 to 1 |
| 16 | `#35577a` | `oklch(44.60% 0.0701 250.54)` | Star Spangled | white, 7.5 to 1 |
| 17 | `#3c5d81` | `oklch(46.93% 0.0706 251.37)` | Atlantic Schooner | white, 6.8 to 1 |
| 18 | `#44658b` | `oklch(49.79% 0.0716 252.25)` | French Mirage Blue | white, 6 to 1 |
| 19 | `#4d6e96` | `oklch(53.06% 0.0732 253.07)` | Riverside | white, 5.2 to 1 |
| 20 | `#5779a2` | `oklch(56.58% 0.0751 253.76)` | Montreux Blue | black, 4.6 to 1 |
| 21 | `#6083ae` | `oklch(60.21% 0.0772 254.25)` | Shrinking Violet | black, 5.3 to 1 |
| 22 | `#6a8ebb` | `oklch(63.81% 0.0793 254.44)` | Debutante Ball | black, 6.2 to 1 |
| 23 | `#7399c8` | `oklch(67.24% 0.0813 254.26)` | Razee | black, 7 to 1 |
| 24 | `#7ba3d3` | `oklch(70.36% 0.0831 253.63)` | Boudoir Blue | black, 7.9 to 1 |
| 25 | `#81abdc` | `oklch(73.01% 0.0845 252.47)` | Swift | black, 8.8 to 1 |
| 26 | `#85b2e3` | `oklch(75.07% 0.0853 250.69)` | Lucea | black, 9.5 to 1 |
| 27 | `#87b7e7` | `oklch(76.38% 0.0854 248.22)` | Aero | black, 9.9 to 1 |
| 28 | `#86bae7` | `oklch(76.98% 0.0849 244.77)` | C’est la Vie | black, 10.2 to 1 |
| 29 | `#82bce5` | `oklch(77.07% 0.0839 240.23)` | C’est la Vie | black, 10.2 to 1 |
| 30 | `#7ebce1` | `oklch(76.70% 0.0826 234.81)` | Enchanting | black, 10.1 to 1 |
| 31 | `#78bbda` | `oklch(75.96% 0.0809 228.70)` | Pacific Harbour | black, 9.9 to 1 |
| 32 | `#73b9d2` | `oklch(74.93% 0.0791 222.09)` | Blue Brocade | black, 9.6 to 1 |
| 33 | `#6eb7c8` | `oklch(73.69% 0.0770 215.20)` | Blouson Blue | black, 9.2 to 1 |
| 34 | `#6ab3be` | `oklch(72.30% 0.0749 208.20)` | Sea Serenade | black, 8.8 to 1 |
| 35 | `#67afb4` | `oklch(70.85% 0.0728 201.31)` | Fountain Blue | black, 8.3 to 1 |
| 36 | `#65abaa` | `oklch(69.42% 0.0707 194.72)` | Veranda | black, 7.9 to 1 |
| 37 | `#64a7a1` | `oklch(68.07% 0.0688 188.63)` | Veranda | black, 7.5 to 1 |
| 38 | `#63a399` | `oklch(66.90% 0.0672 183.23)` | Aqua Rapids | black, 7.2 to 1 |
| 39 | `#64a093` | `oklch(65.96% 0.0658 178.72)` | Emerald Oasis | black, 6.9 to 1 |
| 40 | `#649e8e` | `oklch(65.35% 0.0648 175.31)` | Dull Teal | black, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #309fdb 0.0%, #319bd6 2.6%, #3195cf 5.1%, #318ec5 7.7%, #3185bb 10.3%, #307db0 12.8%, #2f74a5 15.4%, #2d6b9a 17.9%, #2c638f 20.5%, #2b5d86 23.1%, #2a577e 25.6%, #2a5378 28.2%, #2b5074 30.8%, #2c5073 33.3%, #305275 35.9%, #35577a 38.5%, #3c5d81 41.0%, #44658b 43.6%, #4d6e96 46.2%, #5779a2 48.7%, #6083ae 51.3%, #6a8ebb 53.8%, #7399c8 56.4%, #7ba3d3 59.0%, #81abdc 61.5%, #85b2e3 64.1%, #87b7e7 66.7%, #86bae7 69.2%, #82bce5 71.8%, #7ebce1 74.4%, #78bbda 76.9%, #73b9d2 79.5%, #6eb7c8 82.1%, #6ab3be 84.6%, #67afb4 87.2%, #65abaa 89.7%, #64a7a1 92.3%, #63a399 94.9%, #64a093 97.4%, #649e8e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.93% 0.1309 237.66) 0.0%, oklch(65.67% 0.1281 238.20) 2.6%, oklch(63.89% 0.1243 238.93) 5.1%, oklch(61.69% 0.1198 239.80) 7.7%, oklch(59.19% 0.1146 240.79) 10.3%, oklch(56.51% 0.1091 241.86) 12.8%, oklch(53.75% 0.1033 242.97) 15.4%, oklch(51.04% 0.0975 244.10) 17.9%, oklch(48.49% 0.0918 245.20) 20.5%, oklch(46.22% 0.0864 246.26) 23.1%, oklch(44.33% 0.0816 247.23) 25.6%, oklch(42.94% 0.0773 248.07) 28.2%, oklch(42.17% 0.0740 248.77) 30.8%, oklch(42.13% 0.0717 249.28) 33.3%, oklch(42.95% 0.0704 249.81) 35.9%, oklch(44.60% 0.0701 250.54) 38.5%, oklch(46.93% 0.0706 251.37) 41.0%, oklch(49.79% 0.0716 252.25) 43.6%, oklch(53.06% 0.0732 253.07) 46.2%, oklch(56.58% 0.0751 253.76) 48.7%, oklch(60.21% 0.0772 254.25) 51.3%, oklch(63.81% 0.0793 254.44) 53.8%, oklch(67.24% 0.0813 254.26) 56.4%, oklch(70.36% 0.0831 253.63) 59.0%, oklch(73.01% 0.0845 252.47) 61.5%, oklch(75.07% 0.0853 250.69) 64.1%, oklch(76.38% 0.0854 248.22) 66.7%, oklch(76.98% 0.0849 244.77) 69.2%, oklch(77.07% 0.0839 240.23) 71.8%, oklch(76.70% 0.0826 234.81) 74.4%, oklch(75.96% 0.0809 228.70) 76.9%, oklch(74.93% 0.0791 222.09) 79.5%, oklch(73.69% 0.0770 215.20) 82.1%, oklch(72.30% 0.0749 208.20) 84.6%, oklch(70.85% 0.0728 201.31) 87.2%, oklch(69.42% 0.0707 194.72) 89.7%, oklch(68.07% 0.0688 188.63) 92.3%, oklch(66.90% 0.0672 183.23) 94.9%, oklch(65.96% 0.0658 178.72) 97.4%, oklch(65.35% 0.0648 175.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.131 | 237.7 |
| 2 | 0.421 | 0.072 | 249.3 |
| 3 | 0.764 | 0.085 | 248.2 |
| 4 | 0.654 | 0.065 | 175.3 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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