# Ice blue petrol glow

Monochrome blue, light blue and navy radial gradient with 40 colors: #678ea6, #6c91aa, #7595af, #7e9ab5, #89a0bb, #93a6c1, #9dacc7, #a6b3cd, #adb8d3, #b4c0d9, #bbc8e1, #c2d1ea, #c9daf2, #cde1f8, #cfe6fc, #cee6fd, #c8e3f9, #bcdaf2, #accee8, #9abfdc, #86afce, #719fbf, #5e8fb0, #4d81a2, #3f7594, #336782, #285a6e, #214c5b, #1b404a, #16363e, #0f3036, #062d34, #003038, #003642, #004053, #004d6b, #005988, #0064aa, #0069d0, #0068f5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome blue, light blue and navy radial gradient
- Seed: `kYnymn4w7DnOPPVHm78oxC80dTxa`
- Page: https://grabient.com/kYnymn4w7DnOPPVHm78oxC80dTxa?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#678ea6` | `oklch(62.60% 0.0565 235.55)` | Saltbox Blue | black, 5.9 to 1 |
| 2 | `#6c91aa` | `oklch(63.84% 0.0551 238.36)` | Blue Cruise | black, 6.2 to 1 |
| 3 | `#7595af` | `oklch(65.50% 0.0530 242.52)` | Cranberry Blue | black, 6.6 to 1 |
| 4 | `#7e9ab5` | `oklch(67.49% 0.0505 247.51)` | Bluesy Note | black, 7.1 to 1 |
| 5 | `#89a0bb` | `oklch(69.69% 0.0479 252.78)` | Astro Bound | black, 7.7 to 1 |
| 6 | `#93a6c1` | `oklch(71.98% 0.0453 257.82)` | Frills | black, 8.4 to 1 |
| 7 | `#9dacc7` | `oklch(74.26% 0.0429 262.10)` | Satin Soft Blue | black, 9.1 to 1 |
| 8 | `#a6b3cd` | `oklch(76.40% 0.0410 265.09)` | Kentucky Blue | black, 9.9 to 1 |
| 9 | `#adb8d3` | `oklch(78.33% 0.0398 266.26)` | Over the Moon | black, 10.5 to 1 |
| 10 | `#b4c0d9` | `oklch(80.56% 0.0389 265.53)` | Xenon Blue | black, 11.4 to 1 |
| 11 | `#bbc8e1` | `oklch(83.15% 0.0381 263.32)` | Penna | black, 12.4 to 1 |
| 12 | `#c2d1ea` | `oklch(85.82% 0.0376 260.07)` | Paper Elephant | black, 13.6 to 1 |
| 13 | `#c9daf2` | `oklch(88.27% 0.0375 256.21)` | Fly a Kite | black, 14.7 to 1 |
| 14 | `#cde1f8` | `oklch(90.23% 0.0378 252.18)` | Light Breeze | black, 15.7 to 1 |
| 15 | `#cfe6fc` | `oklch(91.41% 0.0386 248.41)` | Veiling Waterfalls | black, 16.3 to 1 |
| 16 | `#cee6fd` | `oklch(91.51% 0.0401 245.33)` | Veiling Waterfalls | black, 16.4 to 1 |
| 17 | `#c8e3f9` | `oklch(90.26% 0.0424 243.33)` | Fresh Water | black, 15.7 to 1 |
| 18 | `#bcdaf2` | `oklch(87.53% 0.0464 242.17)` | Greek Isles | black, 14.5 to 1 |
| 19 | `#accee8` | `oklch(83.60% 0.0516 241.54)` | Frosty Snow Cap | black, 12.7 to 1 |
| 20 | `#9abfdc` | `oklch(78.83% 0.0575 241.21)` | Blue Magpie | black, 10.8 to 1 |
| 21 | `#86afce` | `oklch(73.54% 0.0635 240.97)` | Mini Bay | black, 9 to 1 |
| 22 | `#719fbf` | `oklch(68.09% 0.0689 240.57)` | Air Superiority Blue | black, 7.3 to 1 |
| 23 | `#5e8fb0` | `oklch(62.79% 0.0731 239.80)` | Alpha Tango | black, 6 to 1 |
| 24 | `#4d81a2` | `oklch(58.00% 0.0755 238.43)` | Borage | black, 4.9 to 1 |
| 25 | `#3f7594` | `oklch(53.74% 0.0750 236.08)` | Harbour Blue | white, 5 to 1 |
| 26 | `#336782` | `oklch(49.07% 0.0702 232.29)` | Naval Passage | white, 6.1 to 1 |
| 27 | `#285a6e` | `oklch(44.17% 0.0625 227.56)` | Quiet Storm | white, 7.5 to 1 |
| 28 | `#214c5b` | `oklch(39.37% 0.0538 222.51)` | Night Swim | white, 9.2 to 1 |
| 29 | `#1b404a` | `oklch(34.98% 0.0458 217.72)` | Bay Isle Pointe | white, 11.1 to 1 |
| 30 | `#16363e` | `oklch(31.35% 0.0402 213.81)` | Firmament Blue | white, 12.8 to 1 |
| 31 | `#0f3036` | `oklch(28.78% 0.0389 211.37)` | Elite Teal | white, 14 to 1 |
| 32 | `#062d34` | `oklch(27.60% 0.0437 211.01)` | Black Chasm | white, 14.5 to 1 |
| 33 | `#003038` | `oklch(28.25% 0.0495 213.44)` | Roof Tile Green | white, 14.2 to 1 |
| 34 | `#003642` | `oklch(30.79% 0.0555 218.41)` | Natural Indigo | white, 13 to 1 |
| 35 | `#004053` | `oklch(34.70% 0.0659 225.23)` | Maniac Mansion | white, 11.2 to 1 |
| 36 | `#004d6b` | `oklch(39.44% 0.0816 233.13)` | Navy Dark Blue | white, 9.2 to 1 |
| 37 | `#005988` | `oklch(44.47% 0.1042 241.32)` | Sea Cave | white, 7.5 to 1 |
| 38 | `#0064aa` | `oklch(49.25% 0.1360 249.03)` | Wing Commander | white, 6.1 to 1 |
| 39 | `#0069d0` | `oklch(53.25% 0.1783 255.47)` | Royal Navy Blue | white, 5.3 to 1 |
| 40 | `#0068f5` | `oklch(55.91% 0.2264 259.87)` | Epic Blue | white, 4.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #678ea6 0.0%, #6c91aa 2.6%, #7595af 5.1%, #7e9ab5 7.7%, #89a0bb 10.3%, #93a6c1 12.8%, #9dacc7 15.4%, #a6b3cd 17.9%, #adb8d3 20.5%, #b4c0d9 23.1%, #bbc8e1 25.6%, #c2d1ea 28.2%, #c9daf2 30.8%, #cde1f8 33.3%, #cfe6fc 35.9%, #cee6fd 38.5%, #c8e3f9 41.0%, #bcdaf2 43.6%, #accee8 46.2%, #9abfdc 48.7%, #86afce 51.3%, #719fbf 53.8%, #5e8fb0 56.4%, #4d81a2 59.0%, #3f7594 61.5%, #336782 64.1%, #285a6e 66.7%, #214c5b 69.2%, #1b404a 71.8%, #16363e 74.4%, #0f3036 76.9%, #062d34 79.5%, #003038 82.1%, #003642 84.6%, #004053 87.2%, #004d6b 89.7%, #005988 92.3%, #0064aa 94.9%, #0069d0 97.4%, #0068f5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.60% 0.0565 235.55) 0.0%, oklch(63.84% 0.0551 238.36) 2.6%, oklch(65.50% 0.0530 242.52) 5.1%, oklch(67.49% 0.0505 247.51) 7.7%, oklch(69.69% 0.0479 252.78) 10.3%, oklch(71.98% 0.0453 257.82) 12.8%, oklch(74.26% 0.0429 262.10) 15.4%, oklch(76.40% 0.0410 265.09) 17.9%, oklch(78.33% 0.0398 266.26) 20.5%, oklch(80.56% 0.0389 265.53) 23.1%, oklch(83.15% 0.0381 263.32) 25.6%, oklch(85.82% 0.0376 260.07) 28.2%, oklch(88.27% 0.0375 256.21) 30.8%, oklch(90.23% 0.0378 252.18) 33.3%, oklch(91.41% 0.0386 248.41) 35.9%, oklch(91.51% 0.0401 245.33) 38.5%, oklch(90.26% 0.0424 243.33) 41.0%, oklch(87.53% 0.0464 242.17) 43.6%, oklch(83.60% 0.0516 241.54) 46.2%, oklch(78.83% 0.0575 241.21) 48.7%, oklch(73.54% 0.0635 240.97) 51.3%, oklch(68.09% 0.0689 240.57) 53.8%, oklch(62.79% 0.0731 239.80) 56.4%, oklch(58.00% 0.0755 238.43) 59.0%, oklch(53.74% 0.0750 236.08) 61.5%, oklch(49.07% 0.0702 232.29) 64.1%, oklch(44.17% 0.0625 227.56) 66.7%, oklch(39.37% 0.0538 222.51) 69.2%, oklch(34.98% 0.0458 217.72) 71.8%, oklch(31.35% 0.0402 213.81) 74.4%, oklch(28.78% 0.0389 211.37) 76.9%, oklch(27.60% 0.0437 211.01) 79.5%, oklch(28.25% 0.0495 213.44) 82.1%, oklch(30.79% 0.0555 218.41) 84.6%, oklch(34.70% 0.0659 225.23) 87.2%, oklch(39.44% 0.0816 233.13) 89.7%, oklch(44.47% 0.1042 241.32) 92.3%, oklch(49.25% 0.1360 249.03) 94.9%, oklch(53.25% 0.1783 255.47) 97.4%, oklch(55.91% 0.2264 259.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.056 | 235.5 |
| 2 | 0.78 | 0.04 | 266.2 |
| 3 | 0.909 | 0.041 | 244 |
| 4 | 0.563 | 0.076 | 237.7 |
| 5 | 0.276 | 0.045 | 211.2 |
| 6 | 0.559 | 0.23 | 259.9 |

## In these collections

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

## Other forms

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