# Indigo and slate bloom

Monochrome navy and gray radial gradient with 64 colors: #363254, #373455, #383758, #393a5a, #3b3e5d, #3d4260, #3f4663, #414a67, #434f6a, #46546d, #495970, #4c5d73, #506276, #536679, #576a7b, #5a6e7d, #5d717f, #607481, #637682, #657883, #677983, #687a83, #697982, #697880, #68777e, #67747c, #667279, #646f76, #626c72, #5f686e, #5d646a, #5a6066, #575c61, #53585d, #505459, #4d5054, #494c50, #46494c, #434549, #404245, #3d3f42, #3a3c40, #383a3d, #35373b, #33353a, #313338, #2e3137, #2c2f35, #292d34, #272b33, #242932, #222732, #1f2531, #1d2430, #1b2230, #18202f, #161f2e, #141e2e, #121c2d, #101b2d, #0e1a2c, #0d192c, #0b182b, #0a172b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome navy and gray radial gradient
- Seed: `kUVirNSAk5CwCw-aED9A`
- Page: https://grabient.com/kUVirNSAk5CwCw-aED9A?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: light center, neutral, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.9 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 | `#363254` | `oklch(33.86% 0.0579 288.28)` | Astral Aura | white, 12 to 1 |
| 2 | `#373455` | `oklch(34.50% 0.0570 286.67)` | Haunted Dreams | white, 11.7 to 1 |
| 3 | `#383758` | `oklch(35.33% 0.0560 284.63)` | Very Blue | white, 11.3 to 1 |
| 4 | `#393a5a` | `oklch(36.31% 0.0548 282.22)` | Magic Night | white, 10.8 to 1 |
| 5 | `#3b3e5d` | `oklch(37.44% 0.0534 279.49)` | Mangosteen | white, 10.3 to 1 |
| 6 | `#3d4260` | `oklch(38.69% 0.0520 276.47)` | Church Blue | white, 9.8 to 1 |
| 7 | `#3f4663` | `oklch(40.03% 0.0504 273.23)` | Blue Wonder | white, 9.2 to 1 |
| 8 | `#414a67` | `oklch(41.44% 0.0487 269.81)` | Nobility Blue | white, 8.7 to 1 |
| 9 | `#434f6a` | `oklch(42.91% 0.0470 266.25)` | Crown Blue | white, 8.1 to 1 |
| 10 | `#46546d` | `oklch(44.40% 0.0452 262.61)` | Inkjet | white, 7.6 to 1 |
| 11 | `#495970` | `oklch(45.91% 0.0434 258.94)` | Bering Sea | white, 7.1 to 1 |
| 12 | `#4c5d73` | `oklch(47.40% 0.0415 255.28)` | Vintage Indigo | white, 6.6 to 1 |
| 13 | `#506276` | `oklch(48.85% 0.0397 251.69)` | Loyalty | white, 6.2 to 1 |
| 14 | `#536679` | `oklch(50.24% 0.0378 248.20)` | Prairie Denim | white, 5.9 to 1 |
| 15 | `#576a7b` | `oklch(51.56% 0.0359 244.88)` | Fern Flower | white, 5.5 to 1 |
| 16 | `#5a6e7d` | `oklch(52.77% 0.0341 241.76)` | Smoky Pitch | white, 5.2 to 1 |
| 17 | `#5d717f` | `oklch(53.86% 0.0323 238.90)` | Glide Time | white, 5 to 1 |
| 18 | `#607481` | `oklch(54.81% 0.0306 236.35)` | Hidden Harbour | white, 4.8 to 1 |
| 19 | `#637682` | `oklch(55.59% 0.0290 234.15)` | Freedom Found | white, 4.7 to 1 |
| 20 | `#657883` | `oklch(56.17% 0.0275 232.35)` | Scatman Blue | white, 4.5 to 1 |
| 21 | `#677983` | `oklch(56.55% 0.0261 231.00)` | Scatman Blue | black, 4.6 to 1 |
| 22 | `#687a83` | `oklch(56.69% 0.0248 230.16)` | Labradorite | black, 4.6 to 1 |
| 23 | `#697982` | `oklch(56.60% 0.0236 229.83)` | Metal Grey | black, 4.6 to 1 |
| 24 | `#697880` | `oklch(56.31% 0.0223 229.96)` | Night Rendezvous | black, 4.6 to 1 |
| 25 | `#68777e` | `oklch(55.83% 0.0210 230.51)` | Night Rendezvous | white, 4.6 to 1 |
| 26 | `#67747c` | `oklch(55.18% 0.0196 231.44)` | Long Lake | white, 4.7 to 1 |
| 27 | `#667279` | `oklch(54.38% 0.0183 232.70)` | Rain Shadow | white, 4.9 to 1 |
| 28 | `#646f76` | `oklch(53.44% 0.0170 234.26)` | Batman | white, 5.1 to 1 |
| 29 | `#626c72` | `oklch(52.38% 0.0157 236.07)` | Midnight Pearl | white, 5.4 to 1 |
| 30 | `#5f686e` | `oklch(51.22% 0.0144 238.09)` | King Creek Falls | white, 5.6 to 1 |
| 31 | `#5d646a` | `oklch(49.97% 0.0132 240.27)` | Carriage Wheel | white, 5.9 to 1 |
| 32 | `#5a6066` | `oklch(48.66% 0.0120 242.58)` | Blue Slate | white, 6.3 to 1 |
| 33 | `#575c61` | `oklch(47.30% 0.0109 244.97)` | Turbulence | white, 6.7 to 1 |
| 34 | `#53585d` | `oklch(45.90% 0.0099 247.39)` | Bovine | white, 7.1 to 1 |
| 35 | `#505459` | `oklch(44.49% 0.0090 249.82)` | Orion Grey | white, 7.5 to 1 |
| 36 | `#4d5054` | `oklch(43.07% 0.0082 252.20)` | Sled | white, 8 to 1 |
| 37 | `#494c50` | `oklch(41.68% 0.0075 254.48)` | Black Ribbon | white, 8.5 to 1 |
| 38 | `#46494c` | `oklch(40.32% 0.0070 256.64)` | Winter Coat | white, 9 to 1 |
| 39 | `#434549` | `oklch(39.01% 0.0066 258.62)` | Stargazing | white, 9.5 to 1 |
| 40 | `#404245` | `oklch(37.77% 0.0064 260.39)` | Metropolitan Silhouette | white, 10.1 to 1 |
| 41 | `#3d3f42` | `oklch(36.62% 0.0064 261.90)` | Dark Engine | white, 10.5 to 1 |
| 42 | `#3a3c40` | `oklch(35.57% 0.0065 263.11)` | Detective Thriller | white, 11 to 1 |
| 43 | `#383a3d` | `oklch(34.65% 0.0069 263.98)` | Montana | white, 11.4 to 1 |
| 44 | `#35373b` | `oklch(33.79% 0.0075 264.56)` | Metalise | white, 11.8 to 1 |
| 45 | `#33353a` | `oklch(32.93% 0.0084 264.98)` | Hawk’s Eye | white, 12.2 to 1 |
| 46 | `#313338` | `oklch(32.08% 0.0096 265.23)` | Ebony | white, 12.6 to 1 |
| 47 | `#2e3137` | `oklch(31.25% 0.0111 265.33)` | Smiler’s Mist | white, 13 to 1 |
| 48 | `#2c2f35` | `oklch(30.42% 0.0127 265.31)` | Suit Blue | white, 13.4 to 1 |
| 49 | `#292d34` | `oklch(29.61% 0.0146 265.16)` | Deep Space Echo | white, 13.8 to 1 |
| 50 | `#272b33` | `oklch(28.81% 0.0166 264.92)` | Night Sky | white, 14.2 to 1 |
| 51 | `#242932` | `oklch(28.03% 0.0187 264.58)` | Sky Captain | white, 14.5 to 1 |
| 52 | `#222732` | `oklch(27.28% 0.0209 264.17)` | Infinity | white, 14.9 to 1 |
| 53 | `#1f2531` | `oklch(26.54% 0.0232 263.70)` | Moonless Mystery | white, 15.2 to 1 |
| 54 | `#1d2430` | `oklch(25.83% 0.0255 263.19)` | Dark | white, 15.6 to 1 |
| 55 | `#1b2230` | `oklch(25.14% 0.0279 262.64)` | Dark | white, 15.9 to 1 |
| 56 | `#18202f` | `oklch(24.48% 0.0302 262.08)` | Hēi Sè Black | white, 16.2 to 1 |
| 57 | `#161f2e` | `oklch(23.86% 0.0324 261.51)` | Hēi Sè Black | white, 16.5 to 1 |
| 58 | `#141e2e` | `oklch(23.26% 0.0346 260.96)` | Hēi Sè Black | white, 16.7 to 1 |
| 59 | `#121c2d` | `oklch(22.70% 0.0366 260.43)` | Trapped Darkness | white, 17 to 1 |
| 60 | `#101b2d` | `oklch(22.17% 0.0385 259.94)` | Trapped Darkness | white, 17.2 to 1 |
| 61 | `#0e1a2c` | `oklch(21.68% 0.0402 259.51)` | Trapped Darkness | white, 17.4 to 1 |
| 62 | `#0d192c` | `oklch(21.24% 0.0418 259.15)` | Sambucus | white, 17.6 to 1 |
| 63 | `#0b182b` | `oklch(20.83% 0.0431 258.87)` | Oxford by Night | white, 17.8 to 1 |
| 64 | `#0a172b` | `oklch(20.47% 0.0441 258.69)` | Liberty Blue | white, 17.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #363254 0.0%, #373455 1.6%, #383758 3.2%, #393a5a 4.8%, #3b3e5d 6.3%, #3d4260 7.9%, #3f4663 9.5%, #414a67 11.1%, #434f6a 12.7%, #46546d 14.3%, #495970 15.9%, #4c5d73 17.5%, #506276 19.0%, #536679 20.6%, #576a7b 22.2%, #5a6e7d 23.8%, #5d717f 25.4%, #607481 27.0%, #637682 28.6%, #657883 30.2%, #677983 31.7%, #687a83 33.3%, #697982 34.9%, #697880 36.5%, #68777e 38.1%, #67747c 39.7%, #667279 41.3%, #646f76 42.9%, #626c72 44.4%, #5f686e 46.0%, #5d646a 47.6%, #5a6066 49.2%, #575c61 50.8%, #53585d 52.4%, #505459 54.0%, #4d5054 55.6%, #494c50 57.1%, #46494c 58.7%, #434549 60.3%, #404245 61.9%, #3d3f42 63.5%, #3a3c40 65.1%, #383a3d 66.7%, #35373b 68.3%, #33353a 69.8%, #313338 71.4%, #2e3137 73.0%, #2c2f35 74.6%, #292d34 76.2%, #272b33 77.8%, #242932 79.4%, #222732 81.0%, #1f2531 82.5%, #1d2430 84.1%, #1b2230 85.7%, #18202f 87.3%, #161f2e 88.9%, #141e2e 90.5%, #121c2d 92.1%, #101b2d 93.7%, #0e1a2c 95.2%, #0d192c 96.8%, #0b182b 98.4%, #0a172b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.86% 0.0579 288.28) 0.0%, oklch(34.50% 0.0570 286.67) 1.6%, oklch(35.33% 0.0560 284.63) 3.2%, oklch(36.31% 0.0548 282.22) 4.8%, oklch(37.44% 0.0534 279.49) 6.3%, oklch(38.69% 0.0520 276.47) 7.9%, oklch(40.03% 0.0504 273.23) 9.5%, oklch(41.44% 0.0487 269.81) 11.1%, oklch(42.91% 0.0470 266.25) 12.7%, oklch(44.40% 0.0452 262.61) 14.3%, oklch(45.91% 0.0434 258.94) 15.9%, oklch(47.40% 0.0415 255.28) 17.5%, oklch(48.85% 0.0397 251.69) 19.0%, oklch(50.24% 0.0378 248.20) 20.6%, oklch(51.56% 0.0359 244.88) 22.2%, oklch(52.77% 0.0341 241.76) 23.8%, oklch(53.86% 0.0323 238.90) 25.4%, oklch(54.81% 0.0306 236.35) 27.0%, oklch(55.59% 0.0290 234.15) 28.6%, oklch(56.17% 0.0275 232.35) 30.2%, oklch(56.55% 0.0261 231.00) 31.7%, oklch(56.69% 0.0248 230.16) 33.3%, oklch(56.60% 0.0236 229.83) 34.9%, oklch(56.31% 0.0223 229.96) 36.5%, oklch(55.83% 0.0210 230.51) 38.1%, oklch(55.18% 0.0196 231.44) 39.7%, oklch(54.38% 0.0183 232.70) 41.3%, oklch(53.44% 0.0170 234.26) 42.9%, oklch(52.38% 0.0157 236.07) 44.4%, oklch(51.22% 0.0144 238.09) 46.0%, oklch(49.97% 0.0132 240.27) 47.6%, oklch(48.66% 0.0120 242.58) 49.2%, oklch(47.30% 0.0109 244.97) 50.8%, oklch(45.90% 0.0099 247.39) 52.4%, oklch(44.49% 0.0090 249.82) 54.0%, oklch(43.07% 0.0082 252.20) 55.6%, oklch(41.68% 0.0075 254.48) 57.1%, oklch(40.32% 0.0070 256.64) 58.7%, oklch(39.01% 0.0066 258.62) 60.3%, oklch(37.77% 0.0064 260.39) 61.9%, oklch(36.62% 0.0064 261.90) 63.5%, oklch(35.57% 0.0065 263.11) 65.1%, oklch(34.65% 0.0069 263.98) 66.7%, oklch(33.79% 0.0075 264.56) 68.3%, oklch(32.93% 0.0084 264.98) 69.8%, oklch(32.08% 0.0096 265.23) 71.4%, oklch(31.25% 0.0111 265.33) 73.0%, oklch(30.42% 0.0127 265.31) 74.6%, oklch(29.61% 0.0146 265.16) 76.2%, oklch(28.81% 0.0166 264.92) 77.8%, oklch(28.03% 0.0187 264.58) 79.4%, oklch(27.28% 0.0209 264.17) 81.0%, oklch(26.54% 0.0232 263.70) 82.5%, oklch(25.83% 0.0255 263.19) 84.1%, oklch(25.14% 0.0279 262.64) 85.7%, oklch(24.48% 0.0302 262.08) 87.3%, oklch(23.86% 0.0324 261.51) 88.9%, oklch(23.26% 0.0346 260.96) 90.5%, oklch(22.70% 0.0366 260.43) 92.1%, oklch(22.17% 0.0385 259.94) 93.7%, oklch(21.68% 0.0402 259.51) 95.2%, oklch(21.24% 0.0418 259.15) 96.8%, oklch(20.83% 0.0431 258.87) 98.4%, oklch(20.47% 0.0441 258.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.058 | 288.3 |
| 2 | 0.567 | 0.025 | 230.2 |
| 3 | 0.346 | 0.007 | 264 |
| 4 | 0.205 | 0.044 | 258.7 |

## In these collections

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

## Other forms

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