# Monochrome blue and light blue radial gradient

Monochrome blue and light blue radial gradient with 48 colors: #3683fe, #337ffb, #2f77f7, #2b6ef1, #2763eb, #2459e5, #2150df, #1f4ada, #1b49d7, #154dd6, #0b58d7, #046ada, #1680df, #3598e4, #58b0e9, #7dc7ef, #a1daf4, #c1eaf9, #d9f5fd, #e6f9ff, #eaf9fe, #e7f6fa, #dfeff4, #d2e6ec, #c2dbe5, #b0d0de, #9dc5d8, #8abbd4, #78b1d3, #64a9d4, #4ba0d9, #2c95e1, #0088e9, #007ae9, #006aee, #0152ff, #1f3dff, #2c21ff, #3100f8, #3000e9, #2c00dc, #2700d1, #2016bf, #1922ac, #13299b, #112d8b, #102e7e, #112f75. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYoJC4vk3AXsIupcnUIO25ECouPy`
- Page: https://grabient.com/kYoJC4vk3AXsIupcnUIO25ECouPy?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.6 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 | `#3683fe` | `oklch(62.99% 0.1984 259.45)` | Dodger Blue | black, 5.8 to 1 |
| 2 | `#337ffb` | `oklch(61.77% 0.2004 259.90)` | Ceruleite | black, 5.5 to 1 |
| 3 | `#2f77f7` | `oklch(59.80% 0.2043 260.78)` | Clear Blue | black, 5.1 to 1 |
| 4 | `#2b6ef1` | `oklch(57.36% 0.2093 261.92)` | Níu Zǎi Sè Denim | black, 4.5 to 1 |
| 5 | `#2763eb` | `oklch(54.72% 0.2145 263.11)` | Retro Blue | white, 5.1 to 1 |
| 6 | `#2459e5` | `oklch(52.16% 0.2192 264.17)` | Veteran’s Day Blue | white, 5.7 to 1 |
| 7 | `#2150df` | `oklch(49.95% 0.2226 264.93)` | Frosted Blueberries | white, 6.4 to 1 |
| 8 | `#1f4ada` | `oklch(48.38% 0.2239 265.18)` | Merchant Marine Blue | white, 6.8 to 1 |
| 9 | `#1b49d7` | `oklch(47.71% 0.2223 264.74)` | Merchant Marine Blue | white, 7 to 1 |
| 10 | `#154dd6` | `oklch(48.22% 0.2169 263.43)` | Pacific Bridge | white, 6.8 to 1 |
| 11 | `#0b58d7` | `oklch(50.28% 0.2067 260.96)` | Chun-Li Blue | white, 6.1 to 1 |
| 12 | `#046ada` | `oklch(54.22% 0.1903 256.98)` | Blue Ruin | white, 5.1 to 1 |
| 13 | `#1680df` | `oklch(59.60% 0.1690 251.82)` | Soothing Sapphire | black, 5.2 to 1 |
| 14 | `#3598e4` | `oklch(65.94% 0.1446 245.90)` | Flax Flower Blue | black, 6.7 to 1 |
| 15 | `#58b0e9` | `oklch(72.76% 0.1185 239.61)` | Blue Jeans | black, 8.8 to 1 |
| 16 | `#7dc7ef` | `oklch(79.57% 0.0926 233.37)` | Nevermind Nirvana | black, 11.2 to 1 |
| 17 | `#a1daf4` | `oklch(85.90% 0.0684 227.58)` | Sora Blue | black, 13.8 to 1 |
| 18 | `#c1eaf9` | `oklch(91.24% 0.0474 222.64)` | Blue Java Banana | black, 16.3 to 1 |
| 19 | `#d9f5fd` | `oklch(95.12% 0.0315 218.95)` | Glacial Day | black, 18.3 to 1 |
| 20 | `#e6f9ff` | `oklch(97.07% 0.0217 216.88)` | Clear Skies | black, 19.4 to 1 |
| 21 | `#eaf9fe` | `oklch(97.30% 0.0175 216.28)` | Clear Skies | black, 19.5 to 1 |
| 22 | `#e7f6fa` | `oklch(96.23% 0.0162 216.68)` | Clear Skies | black, 18.9 to 1 |
| 23 | `#dfeff4` | `oklch(94.10% 0.0180 217.96)` | Diamond White | black, 17.7 to 1 |
| 24 | `#d2e6ec` | `oklch(91.18% 0.0226 219.94)` | Ocean Breeze | black, 16.2 to 1 |
| 25 | `#c2dbe5` | `oklch(87.70% 0.0297 222.46)` | Pacific Breeze | black, 14.6 to 1 |
| 26 | `#b0d0de` | `oklch(83.94% 0.0389 225.36)` | Flemish Blue | black, 12.9 to 1 |
| 27 | `#9dc5d8` | `oklch(80.13% 0.0501 228.45)` | Sound Waves | black, 11.4 to 1 |
| 28 | `#8abbd4` | `oklch(76.53% 0.0629 231.58)` | Bonnie Blue | black, 10.1 to 1 |
| 29 | `#78b1d3` | `oklch(73.39% 0.0770 234.58)` | Meadow Blossom Blue | black, 9 to 1 |
| 30 | `#64a9d4` | `oklch(70.63% 0.0943 237.65)` | Salem Blue | black, 8.1 to 1 |
| 31 | `#4ba0d9` | `oklch(67.74% 0.1182 241.38)` | Waimea Blue | black, 7.3 to 1 |
| 32 | `#2c95e1` | `oklch(64.75% 0.1466 245.58)` | Homeworld | black, 6.4 to 1 |
| 33 | `#0088e9` | `oklch(61.71% 0.1749 250.05)` | Blue Cola | black, 5.6 to 1 |
| 34 | `#007ae9` | `oklch(58.68% 0.1904 254.57)` | Blue Darknut | black, 4.9 to 1 |
| 35 | `#006aee` | `oklch(55.72% 0.2152 258.92)` | Epic Blue | white, 4.8 to 1 |
| 36 | `#0152ff` | `oklch(52.88% 0.2624 262.89)` | Blue et une Nuit | white, 5.7 to 1 |
| 37 | `#1f3dff` | `oklch(50.21% 0.2793 266.30)` | Rare Blue | white, 6.6 to 1 |
| 38 | `#2c21ff` | `oklch(47.78% 0.2957 268.92)` | Vivid Blue | white, 7.5 to 1 |
| 39 | `#3100f8` | `oklch(45.63% 0.2976 270.55)` | Delft Blue | white, 8.4 to 1 |
| 40 | `#3000e9` | `oklch(43.65% 0.2830 271.24)` | Delft Blue | white, 9.1 to 1 |
| 41 | `#2c00dc` | `oklch(41.81% 0.2712 271.16)` | Ultramarine | white, 9.8 to 1 |
| 42 | `#2700d1` | `oklch(40.10% 0.2614 270.50)` | Busty Blue | white, 10.4 to 1 |
| 43 | `#2016bf` | `oklch(38.55% 0.2368 269.41)` | Tetraammine | white, 10.8 to 1 |
| 44 | `#1922ac` | `oklch(37.15% 0.2102 268.08)` | City Hunter Blue | white, 11.2 to 1 |
| 45 | `#13299b` | `oklch(35.90% 0.1839 266.66)` | Deepsea Kraken | white, 11.5 to 1 |
| 46 | `#112d8b` | `oklch(34.80% 0.1598 265.35)` | US Air Force Blue | white, 11.8 to 1 |
| 47 | `#102e7e` | `oklch(33.86% 0.1401 264.29)` | Below the Surface | white, 12.1 to 1 |
| 48 | `#112f75` | `oklch(33.07% 0.1268 263.68)` | Below the Surface | white, 12.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3683fe 0.0%, #337ffb 2.1%, #2f77f7 4.3%, #2b6ef1 6.4%, #2763eb 8.5%, #2459e5 10.6%, #2150df 12.8%, #1f4ada 14.9%, #1b49d7 17.0%, #154dd6 19.1%, #0b58d7 21.3%, #046ada 23.4%, #1680df 25.5%, #3598e4 27.7%, #58b0e9 29.8%, #7dc7ef 31.9%, #a1daf4 34.0%, #c1eaf9 36.2%, #d9f5fd 38.3%, #e6f9ff 40.4%, #eaf9fe 42.6%, #e7f6fa 44.7%, #dfeff4 46.8%, #d2e6ec 48.9%, #c2dbe5 51.1%, #b0d0de 53.2%, #9dc5d8 55.3%, #8abbd4 57.4%, #78b1d3 59.6%, #64a9d4 61.7%, #4ba0d9 63.8%, #2c95e1 66.0%, #0088e9 68.1%, #007ae9 70.2%, #006aee 72.3%, #0152ff 74.5%, #1f3dff 76.6%, #2c21ff 78.7%, #3100f8 80.9%, #3000e9 83.0%, #2c00dc 85.1%, #2700d1 87.2%, #2016bf 89.4%, #1922ac 91.5%, #13299b 93.6%, #112d8b 95.7%, #102e7e 97.9%, #112f75 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(62.99% 0.1984 259.45) 0.0%, oklch(61.77% 0.2004 259.90) 2.1%, oklch(59.80% 0.2043 260.78) 4.3%, oklch(57.36% 0.2093 261.92) 6.4%, oklch(54.72% 0.2145 263.11) 8.5%, oklch(52.16% 0.2192 264.17) 10.6%, oklch(49.95% 0.2226 264.93) 12.8%, oklch(48.38% 0.2239 265.18) 14.9%, oklch(47.71% 0.2223 264.74) 17.0%, oklch(48.22% 0.2169 263.43) 19.1%, oklch(50.28% 0.2067 260.96) 21.3%, oklch(54.22% 0.1903 256.98) 23.4%, oklch(59.60% 0.1690 251.82) 25.5%, oklch(65.94% 0.1446 245.90) 27.7%, oklch(72.76% 0.1185 239.61) 29.8%, oklch(79.57% 0.0926 233.37) 31.9%, oklch(85.90% 0.0684 227.58) 34.0%, oklch(91.24% 0.0474 222.64) 36.2%, oklch(95.12% 0.0315 218.95) 38.3%, oklch(97.07% 0.0217 216.88) 40.4%, oklch(97.30% 0.0175 216.28) 42.6%, oklch(96.23% 0.0162 216.68) 44.7%, oklch(94.10% 0.0180 217.96) 46.8%, oklch(91.18% 0.0226 219.94) 48.9%, oklch(87.70% 0.0297 222.46) 51.1%, oklch(83.94% 0.0389 225.36) 53.2%, oklch(80.13% 0.0501 228.45) 55.3%, oklch(76.53% 0.0629 231.58) 57.4%, oklch(73.39% 0.0770 234.58) 59.6%, oklch(70.63% 0.0943 237.65) 61.7%, oklch(67.74% 0.1182 241.38) 63.8%, oklch(64.75% 0.1466 245.58) 66.0%, oklch(61.71% 0.1749 250.05) 68.1%, oklch(58.68% 0.1904 254.57) 70.2%, oklch(55.72% 0.2152 258.92) 72.3%, oklch(52.88% 0.2624 262.89) 74.5%, oklch(50.21% 0.2793 266.30) 76.6%, oklch(47.78% 0.2957 268.92) 78.7%, oklch(45.63% 0.2976 270.55) 80.9%, oklch(43.65% 0.2830 271.24) 83.0%, oklch(41.81% 0.2712 271.16) 85.1%, oklch(40.10% 0.2614 270.50) 87.2%, oklch(38.55% 0.2368 269.41) 89.4%, oklch(37.15% 0.2102 268.08) 91.5%, oklch(35.90% 0.1839 266.66) 93.6%, oklch(34.80% 0.1598 265.35) 95.7%, oklch(33.86% 0.1401 264.29) 97.9%, oklch(33.07% 0.1268 263.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.198 | 259.5 |
| 2 | 0.488 | 0.214 | 262.6 |
| 3 | 0.969 | 0.023 | 217.2 |
| 4 | 0.728 | 0.08 | 235.1 |
| 5 | 0.465 | 0.303 | 270 |
| 6 | 0.331 | 0.127 | 263.7 |

## In these collections

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

## Other forms

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