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

Vivid navy, cyan, blue and light blue radial gradient with 64 colors: #001361, #001f5d, #00285f, #003163, #003b6a, #004671, #00527a, #005f84, #006d8e, #007b97, #0089a1, #0098aa, #00a7b3, #00b5ba, #00c3c1, #00d0c6, #00dcca, #00e7cc, #00f1ce, #00f8cf, #1bfdd0, #27ffd1, #27ffd2, #1afdd3, #00f8d4, #00f0d5, #00e7d4, #00ddd3, #00d1d0, #00c5cc, #00b8c7, #00aac1, #009dba, #0090b3, #0083ad, #0077a6, #006ca1, #00629c, #015899, #105093, #174b8e, #1b478a, #1e4588, #204588, #21478a, #224a8d, #234f92, #245598, #245c9e, #2464a5, #246dad, #2377b5, #2181bd, #208bc5, #1f96ce, #1ea1d5, #1eacdc, #1fb6e3, #21c0e9, #25caef, #2ad2f3, #2ed9f7, #33e0fb, #37e4fd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUP2S78by1LMsSlrsbng`
- Page: https://grabient.com/kUP2S78by1LMsSlrsbng?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#001361` | `oklch(24.81% 0.1377 263.77)` | Atlantic Depths | white, 16.5 to 1 |
| 2 | `#001f5d` | `oklch(26.62% 0.1168 261.24)` | Clarinet | white, 15.5 to 1 |
| 3 | `#00285f` | `oklch(28.91% 0.1067 257.94)` | Blue Leviathan | white, 14.3 to 1 |
| 4 | `#003163` | `oklch(31.64% 0.1007 253.99)` | Prussian Blue | white, 12.9 to 1 |
| 5 | `#003b6a` | `oklch(34.75% 0.0971 249.48)` | Ateneo Blue | white, 11.4 to 1 |
| 6 | `#004671` | `oklch(38.18% 0.0951 244.51)` | Medici Blue | white, 9.8 to 1 |
| 7 | `#00527a` | `oklch(41.87% 0.0946 239.17)` | Silk Jewel | white, 8.4 to 1 |
| 8 | `#005f84` | `oklch(45.76% 0.0952 233.53)` | Sapphire Sparkle | white, 7 to 1 |
| 9 | `#006d8e` | `oklch(49.80% 0.0968 227.69)` | Copacabana | white, 5.8 to 1 |
| 10 | `#007b97` | `oklch(53.93% 0.0994 221.73)` | Mosaic Blue | white, 4.9 to 1 |
| 11 | `#0089a1` | `oklch(58.09% 0.1030 215.74)` | Teal Blue | black, 5.1 to 1 |
| 12 | `#0098aa` | `oklch(62.22% 0.1075 209.80)` | Aquarium Diver | black, 6 to 1 |
| 13 | `#00a7b3` | `oklch(66.27% 0.1130 204.02)` | Exotic Sea | black, 7.1 to 1 |
| 14 | `#00b5ba` | `oklch(70.18% 0.1193 198.46)` | Cyan Sky | black, 8.3 to 1 |
| 15 | `#00c3c1` | `oklch(73.89% 0.1265 193.22)` | Cala Benirrás Blue | black, 9.5 to 1 |
| 16 | `#00d0c6` | `oklch(77.33% 0.1343 188.39)` | Blue Martina | black, 10.8 to 1 |
| 17 | `#00dcca` | `oklch(80.47% 0.1425 184.05)` | Mint Morning | black, 12.1 to 1 |
| 18 | `#00e7cc` | `oklch(83.23% 0.1507 180.29)` | Fake Jade | black, 13.3 to 1 |
| 19 | `#00f1ce` | `oklch(85.55% 0.1584 177.19)` | Fake Jade | black, 14.4 to 1 |
| 20 | `#00f8cf` | `oklch(87.39% 0.1650 174.86)` | Bright Teal | black, 15.3 to 1 |
| 21 | `#1bfdd0` | `oklch(88.68% 0.1669 173.36)` | Plunge Pool | black, 15.9 to 1 |
| 22 | `#27ffd1` | `oklch(89.37% 0.1667 172.79)` | Plunge Pool | black, 16.3 to 1 |
| 23 | `#27ffd2` | `oklch(89.38% 0.1661 173.26)` | Plunge Pool | black, 16.3 to 1 |
| 24 | `#1afdd3` | `oklch(88.73% 0.1651 174.75)` | Ice Ice Baby | black, 15.9 to 1 |
| 25 | `#00f8d4` | `oklch(87.49% 0.1621 177.16)` | Ice Ice Baby | black, 15.3 to 1 |
| 26 | `#00f0d5` | `oklch(85.72% 0.1551 180.38)` | Frozen Boubble | black, 14.4 to 1 |
| 27 | `#00e7d4` | `oklch(83.49% 0.1476 184.32)` | MoS₂ Cyan | black, 13.4 to 1 |
| 28 | `#00ddd3` | `oklch(80.87% 0.1402 188.87)` | Mint Morning | black, 12.2 to 1 |
| 29 | `#00d1d0` | `oklch(77.93% 0.1332 193.93)` | Blue Martina | black, 11 to 1 |
| 30 | `#00c5cc` | `oklch(74.72% 0.1270 199.39)` | Turquoise Surf | black, 9.8 to 1 |
| 31 | `#00b8c7` | `oklch(71.32% 0.1218 205.15)` | Lago Blue | black, 8.6 to 1 |
| 32 | `#00aac1` | `oklch(67.81% 0.1177 211.12)` | Sarah’s Garden | black, 7.5 to 1 |
| 33 | `#009dba` | `oklch(64.23% 0.1148 217.18)` | Brilliant Sea | black, 6.5 to 1 |
| 34 | `#0090b3` | `oklch(60.67% 0.1132 223.24)` | Cool Tide | black, 5.6 to 1 |
| 35 | `#0083ad` | `oklch(57.18% 0.1129 229.19)` | Tusche Blue | black, 4.8 to 1 |
| 36 | `#0077a6` | `oklch(53.84% 0.1141 234.92)` | Summer Lake | white, 4.9 to 1 |
| 37 | `#006ca1` | `oklch(50.71% 0.1169 240.35)` | Jazz Blue | white, 5.7 to 1 |
| 38 | `#00629c` | `oklch(47.86% 0.1214 245.36)` | Atlantic Mystique | white, 6.5 to 1 |
| 39 | `#015899` | `oklch(45.35% 0.1272 249.81)` | Parachuting | white, 7.3 to 1 |
| 40 | `#105093` | `oklch(43.27% 0.1252 253.67)` | Blue Olympus | white, 8 to 1 |
| 41 | `#174b8e` | `oklch(41.66% 0.1235 256.81)` | Iron Blue | white, 8.6 to 1 |
| 42 | `#1b478a` | `oklch(40.60% 0.1222 259.12)` | Indigo Hamlet | white, 9.1 to 1 |
| 43 | `#1e4588` | `oklch(40.16% 0.1213 260.50)` | Indigo Hamlet | white, 9.2 to 1 |
| 44 | `#204588` | `oklch(40.30% 0.1207 261.02)` | Indigo Hamlet | white, 9.2 to 1 |
| 45 | `#21478a` | `oklch(40.92% 0.1204 260.86)` | Indigo Hamlet | white, 8.9 to 1 |
| 46 | `#224a8d` | `oklch(41.98% 0.1204 260.08)` | Pacific Navy | white, 8.5 to 1 |
| 47 | `#234f92` | `oklch(43.44% 0.1206 258.74)` | Le Grand Bleu | white, 8 to 1 |
| 48 | `#245598` | `oklch(45.24% 0.1210 256.90)` | Fist of the North Star | white, 7.4 to 1 |
| 49 | `#245c9e` | `oklch(47.34% 0.1216 254.62)` | Drakenhof Nightshade | white, 6.7 to 1 |
| 50 | `#2464a5` | `oklch(49.69% 0.1224 251.97)` | Nebulas Blue | white, 6 to 1 |
| 51 | `#246dad` | `oklch(52.26% 0.1233 249.00)` | In the Nick | white, 5.4 to 1 |
| 52 | `#2377b5` | `oklch(55.00% 0.1243 245.79)` | Americana | white, 4.8 to 1 |
| 53 | `#2181bd` | `oklch(57.86% 0.1254 242.38)` | Mediterranean Blue | black, 4.9 to 1 |
| 54 | `#208bc5` | `oklch(60.80% 0.1266 238.84)` | Cyan Cornflower Blue | black, 5.5 to 1 |
| 55 | `#1f96ce` | `oklch(63.77% 0.1278 235.23)` | Astrolabe Reef | black, 6.3 to 1 |
| 56 | `#1ea1d5` | `oklch(66.74% 0.1290 231.62)` | Blue Damselfly | black, 7.1 to 1 |
| 57 | `#1eacdc` | `oklch(69.64% 0.1302 228.06)` | Royal Peacock | black, 7.9 to 1 |
| 58 | `#1fb6e3` | `oklch(72.45% 0.1314 224.61)` | Blue Atoll | black, 8.8 to 1 |
| 59 | `#21c0e9` | `oklch(75.10% 0.1325 221.34)` | Blue Raspberry | black, 9.8 to 1 |
| 60 | `#25caef` | `oklch(77.57% 0.1336 218.31)` | Picnic Day Sky | black, 10.7 to 1 |
| 61 | `#2ad2f3` | `oklch(79.81% 0.1345 215.57)` | Picnic Day Sky | black, 11.6 to 1 |
| 62 | `#2ed9f7` | `oklch(81.76% 0.1353 213.20)` | Neon Blue | black, 12.4 to 1 |
| 63 | `#33e0fb` | `oklch(83.39% 0.1360 211.25)` | Vaporwave Blue | black, 13.1 to 1 |
| 64 | `#37e4fd` | `oklch(84.65% 0.1364 209.78)` | Shimmering Expanse Cyan | black, 13.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001361 0.0%, #001f5d 1.6%, #00285f 3.2%, #003163 4.8%, #003b6a 6.3%, #004671 7.9%, #00527a 9.5%, #005f84 11.1%, #006d8e 12.7%, #007b97 14.3%, #0089a1 15.9%, #0098aa 17.5%, #00a7b3 19.0%, #00b5ba 20.6%, #00c3c1 22.2%, #00d0c6 23.8%, #00dcca 25.4%, #00e7cc 27.0%, #00f1ce 28.6%, #00f8cf 30.2%, #1bfdd0 31.7%, #27ffd1 33.3%, #27ffd2 34.9%, #1afdd3 36.5%, #00f8d4 38.1%, #00f0d5 39.7%, #00e7d4 41.3%, #00ddd3 42.9%, #00d1d0 44.4%, #00c5cc 46.0%, #00b8c7 47.6%, #00aac1 49.2%, #009dba 50.8%, #0090b3 52.4%, #0083ad 54.0%, #0077a6 55.6%, #006ca1 57.1%, #00629c 58.7%, #015899 60.3%, #105093 61.9%, #174b8e 63.5%, #1b478a 65.1%, #1e4588 66.7%, #204588 68.3%, #21478a 69.8%, #224a8d 71.4%, #234f92 73.0%, #245598 74.6%, #245c9e 76.2%, #2464a5 77.8%, #246dad 79.4%, #2377b5 81.0%, #2181bd 82.5%, #208bc5 84.1%, #1f96ce 85.7%, #1ea1d5 87.3%, #1eacdc 88.9%, #1fb6e3 90.5%, #21c0e9 92.1%, #25caef 93.7%, #2ad2f3 95.2%, #2ed9f7 96.8%, #33e0fb 98.4%, #37e4fd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.81% 0.1377 263.77) 0.0%, oklch(26.62% 0.1168 261.24) 1.6%, oklch(28.91% 0.1067 257.94) 3.2%, oklch(31.64% 0.1007 253.99) 4.8%, oklch(34.75% 0.0971 249.48) 6.3%, oklch(38.18% 0.0951 244.51) 7.9%, oklch(41.87% 0.0946 239.17) 9.5%, oklch(45.76% 0.0952 233.53) 11.1%, oklch(49.80% 0.0968 227.69) 12.7%, oklch(53.93% 0.0994 221.73) 14.3%, oklch(58.09% 0.1030 215.74) 15.9%, oklch(62.22% 0.1075 209.80) 17.5%, oklch(66.27% 0.1130 204.02) 19.0%, oklch(70.18% 0.1193 198.46) 20.6%, oklch(73.89% 0.1265 193.22) 22.2%, oklch(77.33% 0.1343 188.39) 23.8%, oklch(80.47% 0.1425 184.05) 25.4%, oklch(83.23% 0.1507 180.29) 27.0%, oklch(85.55% 0.1584 177.19) 28.6%, oklch(87.39% 0.1650 174.86) 30.2%, oklch(88.68% 0.1669 173.36) 31.7%, oklch(89.37% 0.1667 172.79) 33.3%, oklch(89.38% 0.1661 173.26) 34.9%, oklch(88.73% 0.1651 174.75) 36.5%, oklch(87.49% 0.1621 177.16) 38.1%, oklch(85.72% 0.1551 180.38) 39.7%, oklch(83.49% 0.1476 184.32) 41.3%, oklch(80.87% 0.1402 188.87) 42.9%, oklch(77.93% 0.1332 193.93) 44.4%, oklch(74.72% 0.1270 199.39) 46.0%, oklch(71.32% 0.1218 205.15) 47.6%, oklch(67.81% 0.1177 211.12) 49.2%, oklch(64.23% 0.1148 217.18) 50.8%, oklch(60.67% 0.1132 223.24) 52.4%, oklch(57.18% 0.1129 229.19) 54.0%, oklch(53.84% 0.1141 234.92) 55.6%, oklch(50.71% 0.1169 240.35) 57.1%, oklch(47.86% 0.1214 245.36) 58.7%, oklch(45.35% 0.1272 249.81) 60.3%, oklch(43.27% 0.1252 253.67) 61.9%, oklch(41.66% 0.1235 256.81) 63.5%, oklch(40.60% 0.1222 259.12) 65.1%, oklch(40.16% 0.1213 260.50) 66.7%, oklch(40.30% 0.1207 261.02) 68.3%, oklch(40.92% 0.1204 260.86) 69.8%, oklch(41.98% 0.1204 260.08) 71.4%, oklch(43.44% 0.1206 258.74) 73.0%, oklch(45.24% 0.1210 256.90) 74.6%, oklch(47.34% 0.1216 254.62) 76.2%, oklch(49.69% 0.1224 251.97) 77.8%, oklch(52.26% 0.1233 249.00) 79.4%, oklch(55.00% 0.1243 245.79) 81.0%, oklch(57.86% 0.1254 242.38) 82.5%, oklch(60.80% 0.1266 238.84) 84.1%, oklch(63.77% 0.1278 235.23) 85.7%, oklch(66.74% 0.1290 231.62) 87.3%, oklch(69.64% 0.1302 228.06) 88.9%, oklch(72.45% 0.1314 224.61) 90.5%, oklch(75.10% 0.1325 221.34) 92.1%, oklch(77.57% 0.1336 218.31) 93.7%, oklch(79.81% 0.1345 215.57) 95.2%, oklch(81.76% 0.1353 213.20) 96.8%, oklch(83.39% 0.1360 211.25) 98.4%, oklch(84.65% 0.1364 209.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.138 | 263.7 |
| 2 | 0.894 | 0.167 | 172.8 |
| 3 | 0.402 | 0.121 | 260.5 |
| 4 | 0.846 | 0.136 | 209.8 |

## Other forms

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