# Blue and charcoal bloom

Analogous blue, black, gray and purple radial gradient with 56 colors: #245690, #24538c, #234f86, #224b80, #214678, #1f4170, #1d3b67, #1b355e, #193055, #172a4c, #142543, #12203a, #101b33, #0e172b, #0c1425, #0b1120, #0a0e1b, #090d18, #090c16, #0a0d14, #0c0e14, #0e1015, #111216, #141518, #19191b, #1d1d1e, #222222, #272727, #2d2d2d, #323232, #383838, #3d3d3d, #434343, #484848, #4d4d4d, #515151, #555556, #58585b, #5a5a60, #5c5b66, #5f5c6b, #615d71, #645d77, #675d7c, #6a5c82, #6d5b87, #71598b, #75578f, #795593, #7d5396, #815098, #854d9a, #894b9b, #8d489d, #90469e, #92449e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous blue, black, gray and purple radial gradient
- Seed: `kUclC1FAdBroBwfCuUQg`
- Page: https://grabient.com/kUclC1FAdBroBwfCuUQg?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#245690` | `oklch(44.88% 0.1102 254.53)` | Vegeta Blue | white, 7.5 to 1 |
| 2 | `#24538c` | `oklch(43.92% 0.1074 254.97)` | Vegeta Blue | white, 7.8 to 1 |
| 3 | `#234f86` | `oklch(42.65% 0.1039 255.49)` | Clear Night Sky | white, 8.2 to 1 |
| 4 | `#224b80` | `oklch(41.12% 0.0997 256.08)` | Florida Waters | white, 8.8 to 1 |
| 5 | `#214678` | `oklch(39.37% 0.0950 256.73)` | Theatre Blue | white, 9.5 to 1 |
| 6 | `#1f4170` | `oklch(37.44% 0.0899 257.44)` | Aegean Blue | white, 10.3 to 1 |
| 7 | `#1d3b67` | `oklch(35.38% 0.0845 258.20)` | Navy Peony | white, 11.1 to 1 |
| 8 | `#1b355e` | `oklch(33.22% 0.0787 259.01)` | Navy Trim | white, 12.1 to 1 |
| 9 | `#193055` | `oklch(31.02% 0.0728 259.85)` | Elite Blue | white, 13.2 to 1 |
| 10 | `#172a4c` | `oklch(28.81% 0.0667 260.72)` | Rurikon Blue | white, 14.2 to 1 |
| 11 | `#142543` | `oklch(26.64% 0.0606 261.62)` | Dark Eclipse | white, 15.3 to 1 |
| 12 | `#12203a` | `oklch(24.55% 0.0546 262.55)` | Nightwalker | white, 16.2 to 1 |
| 13 | `#101b33` | `oklch(22.58% 0.0487 263.48)` | Trapped Darkness | white, 17.1 to 1 |
| 14 | `#0e172b` | `oklch(20.78% 0.0429 264.42)` | Liberty Blue | white, 17.8 to 1 |
| 15 | `#0c1425` | `oklch(19.19% 0.0375 265.37)` | Corbeau | white, 18.4 to 1 |
| 16 | `#0b1120` | `oklch(17.85% 0.0324 266.31)` | Corbeau | white, 18.8 to 1 |
| 17 | `#0a0e1b` | `oklch(16.80% 0.0278 267.24)` | Nyctophobia | white, 19.2 to 1 |
| 18 | `#090d18` | `oklch(16.09% 0.0238 268.15)` | Midnight Oil | white, 19.4 to 1 |
| 19 | `#090c16` | `oklch(15.76% 0.0203 269.04)` | Midnight Oil | white, 19.4 to 1 |
| 20 | `#0a0d14` | `oklch(15.85% 0.0174 269.89)` | Midnight Oil | white, 19.4 to 1 |
| 21 | `#0c0e14` | `oklch(16.34% 0.0144 270.71)` | Midnight Oil | white, 19.3 to 1 |
| 22 | `#0e1015` | `oklch(17.17% 0.0115 271.50)` | Ruined Smores | white, 19 to 1 |
| 23 | `#111216` | `oklch(18.32% 0.0087 272.27)` | Dark Tone Ink | white, 18.7 to 1 |
| 24 | `#141518` | `oklch(19.75% 0.0060 273.02)` | Dark Void | white, 18.2 to 1 |
| 25 | `#19191b` | `oklch(21.41% 0.0035 273.77)` | Aswad Black | white, 17.5 to 1 |
| 26 | `#1d1d1e` | `oklch(23.26% 0.0011 274.52)` | Dynamic Black | white, 16.7 to 1 |
| 27 | `#222222` | `oklch(25.26% 0.0000 89.88)` | Eye Patch | white, 15.8 to 1 |
| 28 | `#272727` | `oklch(27.38% 0.0000 89.88)` | Dire Wolf | white, 14.8 to 1 |
| 29 | `#2d2d2d` | `oklch(29.57% 0.0000 89.88)` | Carbon Fibre | white, 13.8 to 1 |
| 30 | `#323232` | `oklch(31.80% 0.0000 89.88)` | Tomcat | white, 12.7 to 1 |
| 31 | `#383838` | `oklch(34.01% 0.0000 89.88)` | Lacquered Liquorice | white, 11.7 to 1 |
| 32 | `#3d3d3d` | `oklch(36.19% 0.0000 89.88)` | Raven Black | white, 10.7 to 1 |
| 33 | `#434343` | `oklch(38.27% 0.0000 89.88)` | Black Suede | white, 9.9 to 1 |
| 34 | `#484848` | `oklch(40.23% 0.0000 89.88)` | Pig Iron | white, 9.1 to 1 |
| 35 | `#4d4d4d` | `oklch(42.02% 0.0000 89.88)` | Thunder | white, 8.4 to 1 |
| 36 | `#515151` | `oklch(43.60% 0.0000 89.88)` | Blank Space | white, 7.9 to 1 |
| 37 | `#555556` | `oklch(44.94% 0.0018 285.30)` | Stone Cold | white, 7.4 to 1 |
| 38 | `#58585b` | `oklch(46.00% 0.0055 286.73)` | Summer Concrete | white, 7.1 to 1 |
| 39 | `#5a5a60` | `oklch(46.90% 0.0104 288.34)` | Iron Gate | white, 6.8 to 1 |
| 40 | `#5c5b66` | `oklch(47.69% 0.0165 290.14)` | Legacy | white, 6.6 to 1 |
| 41 | `#5f5c6b` | `oklch(48.39% 0.0238 292.09)` | Smoky | white, 6.4 to 1 |
| 42 | `#615d71` | `oklch(48.99% 0.0320 294.18)` | Luscious Purple | white, 6.3 to 1 |
| 43 | `#645d77` | `oklch(49.52% 0.0409 296.37)` | Purple Passage | white, 6.2 to 1 |
| 44 | `#675d7c` | `oklch(49.96% 0.0505 298.64)` | Napa Winery | white, 6.1 to 1 |
| 45 | `#6a5c82` | `oklch(50.34% 0.0606 300.96)` | Concord Jam | white, 6 to 1 |
| 46 | `#6d5b87` | `oklch(50.66% 0.0709 303.30)` | Kimberly | white, 5.9 to 1 |
| 47 | `#71598b` | `oklch(50.93% 0.0814 305.64)` | Emperor Jewel | white, 5.9 to 1 |
| 48 | `#75578f` | `oklch(51.15% 0.0919 307.95)` | Classic Waltz | white, 5.9 to 1 |
| 49 | `#795593` | `oklch(51.34% 0.1023 310.21)` | Juneberry | white, 5.9 to 1 |
| 50 | `#7d5396` | `oklch(51.50% 0.1123 312.38)` | Juneberry | white, 5.9 to 1 |
| 51 | `#815098` | `oklch(51.65% 0.1219 314.44)` | Royal Lilac | white, 5.9 to 1 |
| 52 | `#854d9a` | `oklch(51.78% 0.1308 316.37)` | Murasaki Purple | white, 5.9 to 1 |
| 53 | `#894b9b` | `oklch(51.91% 0.1389 318.13)` | Murasaki Purple | white, 5.9 to 1 |
| 54 | `#8d489d` | `oklch(52.04% 0.1461 319.70)` | Murasaki Purple | white, 5.9 to 1 |
| 55 | `#90469e` | `oklch(52.19% 0.1522 321.05)` | Murasaki Purple | white, 5.9 to 1 |
| 56 | `#92449e` | `oklch(52.36% 0.1571 322.16)` | Murasaki Purple | white, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #245690 0.0%, #24538c 1.8%, #234f86 3.6%, #224b80 5.5%, #214678 7.3%, #1f4170 9.1%, #1d3b67 10.9%, #1b355e 12.7%, #193055 14.5%, #172a4c 16.4%, #142543 18.2%, #12203a 20.0%, #101b33 21.8%, #0e172b 23.6%, #0c1425 25.5%, #0b1120 27.3%, #0a0e1b 29.1%, #090d18 30.9%, #090c16 32.7%, #0a0d14 34.5%, #0c0e14 36.4%, #0e1015 38.2%, #111216 40.0%, #141518 41.8%, #19191b 43.6%, #1d1d1e 45.5%, #222222 47.3%, #272727 49.1%, #2d2d2d 50.9%, #323232 52.7%, #383838 54.5%, #3d3d3d 56.4%, #434343 58.2%, #484848 60.0%, #4d4d4d 61.8%, #515151 63.6%, #555556 65.5%, #58585b 67.3%, #5a5a60 69.1%, #5c5b66 70.9%, #5f5c6b 72.7%, #615d71 74.5%, #645d77 76.4%, #675d7c 78.2%, #6a5c82 80.0%, #6d5b87 81.8%, #71598b 83.6%, #75578f 85.5%, #795593 87.3%, #7d5396 89.1%, #815098 90.9%, #854d9a 92.7%, #894b9b 94.5%, #8d489d 96.4%, #90469e 98.2%, #92449e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.88% 0.1102 254.53) 0.0%, oklch(43.92% 0.1074 254.97) 1.8%, oklch(42.65% 0.1039 255.49) 3.6%, oklch(41.12% 0.0997 256.08) 5.5%, oklch(39.37% 0.0950 256.73) 7.3%, oklch(37.44% 0.0899 257.44) 9.1%, oklch(35.38% 0.0845 258.20) 10.9%, oklch(33.22% 0.0787 259.01) 12.7%, oklch(31.02% 0.0728 259.85) 14.5%, oklch(28.81% 0.0667 260.72) 16.4%, oklch(26.64% 0.0606 261.62) 18.2%, oklch(24.55% 0.0546 262.55) 20.0%, oklch(22.58% 0.0487 263.48) 21.8%, oklch(20.78% 0.0429 264.42) 23.6%, oklch(19.19% 0.0375 265.37) 25.5%, oklch(17.85% 0.0324 266.31) 27.3%, oklch(16.80% 0.0278 267.24) 29.1%, oklch(16.09% 0.0238 268.15) 30.9%, oklch(15.76% 0.0203 269.04) 32.7%, oklch(15.85% 0.0174 269.89) 34.5%, oklch(16.34% 0.0144 270.71) 36.4%, oklch(17.17% 0.0115 271.50) 38.2%, oklch(18.32% 0.0087 272.27) 40.0%, oklch(19.75% 0.0060 273.02) 41.8%, oklch(21.41% 0.0035 273.77) 43.6%, oklch(23.26% 0.0011 274.52) 45.5%, oklch(25.26% 0.0000 89.88) 47.3%, oklch(27.38% 0.0000 89.88) 49.1%, oklch(29.57% 0.0000 89.88) 50.9%, oklch(31.80% 0.0000 89.88) 52.7%, oklch(34.01% 0.0000 89.88) 54.5%, oklch(36.19% 0.0000 89.88) 56.4%, oklch(38.27% 0.0000 89.88) 58.2%, oklch(40.23% 0.0000 89.88) 60.0%, oklch(42.02% 0.0000 89.88) 61.8%, oklch(43.60% 0.0000 89.88) 63.6%, oklch(44.94% 0.0018 285.30) 65.5%, oklch(46.00% 0.0055 286.73) 67.3%, oklch(46.90% 0.0104 288.34) 69.1%, oklch(47.69% 0.0165 290.14) 70.9%, oklch(48.39% 0.0238 292.09) 72.7%, oklch(48.99% 0.0320 294.18) 74.5%, oklch(49.52% 0.0409 296.37) 76.4%, oklch(49.96% 0.0505 298.64) 78.2%, oklch(50.34% 0.0606 300.96) 80.0%, oklch(50.66% 0.0709 303.30) 81.8%, oklch(50.93% 0.0814 305.64) 83.6%, oklch(51.15% 0.0919 307.95) 85.5%, oklch(51.34% 0.1023 310.21) 87.3%, oklch(51.50% 0.1123 312.38) 89.1%, oklch(51.65% 0.1219 314.44) 90.9%, oklch(51.78% 0.1308 316.37) 92.7%, oklch(51.91% 0.1389 318.13) 94.5%, oklch(52.04% 0.1461 319.70) 96.4%, oklch(52.19% 0.1522 321.05) 98.2%, oklch(52.36% 0.1571 322.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.11 | 254.5 |
| 2 | 0.157 | 0.019 | 269.3 |
| 3 | 0.457 | 0.004 | 286.2 |
| 4 | 0.524 | 0.157 | 322.2 |

## In these collections

- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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