# Slate ice radial glow

Cool dark blue, light blue and blue linear gradient with 32 colors: #121571, #11277b, #113c87, #1a5495, #2c6ea5, #4688b4, #63a2c2, #80b9d0, #9bccdc, #b1dbe5, #c0e3eb, #c4e4ea, #bfdee4, #b3d2d9, #a2c2cb, #8eafbb, #799baa, #64889b, #52778d, #436983, #39607d, #345c7b, #325d7f, #336186, #366891, #3b729e, #407dac, #4589bb, #4b94c9, #509fd6, #54a8e1, #56aee8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Cool dark blue, light blue and blue linear gradient
- Seed: `kUR27Acg247qYw9bq7-A`
- Page: https://grabient.com/kUR27Acg247qYw9bq7-A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.4 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 | `#121571` | `oklch(27.95% 0.1516 270.00)` | 20000 Leagues Under the Sea | white, 15.3 to 1 |
| 2 | `#11277b` | `oklch(31.94% 0.1444 266.22)` | Catalina Blue | white, 13.1 to 1 |
| 3 | `#113c87` | `oklch(37.62% 0.1345 260.88)` | Mystery Oceans | white, 10.4 to 1 |
| 4 | `#1a5495` | `oklch(44.53% 0.1224 254.40)` | Blue Chip | white, 7.6 to 1 |
| 5 | `#2c6ea5` | `oklch(52.23% 0.1090 247.17)` | Deep Water | white, 5.4 to 1 |
| 6 | `#4688b4` | `oklch(60.25% 0.0949 239.62)` | Ship’s Harbour | black, 5.4 to 1 |
| 7 | `#63a2c2` | `oklch(68.15% 0.0808 232.16)` | Scott Base | black, 7.4 to 1 |
| 8 | `#80b9d0` | `oklch(75.46% 0.0674 225.19)` | Petit Four | black, 9.7 to 1 |
| 9 | `#9bccdc` | `oklch(81.73% 0.0555 219.13)` | Intercoastal | black, 12.1 to 1 |
| 10 | `#b1dbe5` | `oklch(86.50% 0.0457 214.39)` | Blue Shimmer | black, 14.1 to 1 |
| 11 | `#c0e3eb` | `oklch(89.33% 0.0388 211.37)` | Minified Jade | black, 15.4 to 1 |
| 12 | `#c4e4ea` | `oklch(89.79% 0.0350 210.41)` | Ice Age | black, 15.6 to 1 |
| 13 | `#bfdee4` | `oklch(87.94% 0.0336 211.28)` | Ice Shard Soft Blue | black, 14.7 to 1 |
| 14 | `#b3d2d9` | `oklch(84.26% 0.0342 213.63)` | Subtle Breeze | black, 13.1 to 1 |
| 15 | `#a2c2cb` | `oklch(79.22% 0.0364 217.12)` | Stratosphere | black, 11 to 1 |
| 16 | `#8eafbb` | `oklch(73.30% 0.0398 221.38)` | Showcase Blue | black, 8.9 to 1 |
| 17 | `#799baa` | `oklch(66.97% 0.0442 226.09)` | Palace Intrigue | black, 7 to 1 |
| 18 | `#64889b` | `oklch(60.71% 0.0493 230.88)` | Seal Pup | black, 5.5 to 1 |
| 19 | `#52778d` | `oklch(55.00% 0.0546 235.41)` | Melancholic Sea | white, 4.7 to 1 |
| 20 | `#436983` | `oklch(50.31% 0.0598 239.33)` | Team Spirit | white, 5.8 to 1 |
| 21 | `#39607d` | `oklch(47.12% 0.0647 242.30)` | Chinese Porcelain | white, 6.7 to 1 |
| 22 | `#345c7b` | `oklch(45.86% 0.0689 244.02)` | Matisse | white, 7.1 to 1 |
| 23 | `#325d7f` | `oklch(46.19% 0.0736 244.91)` | Matisse | white, 7 to 1 |
| 24 | `#336186` | `oklch(47.73% 0.0789 245.23)` | Atlantic Schooner | white, 6.5 to 1 |
| 25 | `#366891` | `oklch(50.20% 0.0846 245.11)` | Too Blue | white, 5.8 to 1 |
| 26 | `#3b729e` | `oklch(53.36% 0.0906 244.63)` | Muted Blue | white, 5.1 to 1 |
| 27 | `#407dac` | `oklch(56.94% 0.0966 243.91)` | Beijing Blue | black, 4.7 to 1 |
| 28 | `#4589bb` | `oklch(60.68% 0.1024 243.06)` | Walker Lake | black, 5.5 to 1 |
| 29 | `#4b94c9` | `oklch(64.32% 0.1078 242.17)` | Azure Blue | black, 6.4 to 1 |
| 30 | `#509fd6` | `oklch(67.60% 0.1127 241.37)` | Waimea Blue | black, 7.2 to 1 |
| 31 | `#54a8e1` | `oklch(70.26% 0.1168 240.74)` | High Blue | black, 8 to 1 |
| 32 | `#56aee8` | `oklch(72.05% 0.1199 240.41)` | Blue Jeans | black, 8.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #121571 0.0%, #11277b 3.2%, #113c87 6.5%, #1a5495 9.7%, #2c6ea5 12.9%, #4688b4 16.1%, #63a2c2 19.4%, #80b9d0 22.6%, #9bccdc 25.8%, #b1dbe5 29.0%, #c0e3eb 32.3%, #c4e4ea 35.5%, #bfdee4 38.7%, #b3d2d9 41.9%, #a2c2cb 45.2%, #8eafbb 48.4%, #799baa 51.6%, #64889b 54.8%, #52778d 58.1%, #436983 61.3%, #39607d 64.5%, #345c7b 67.7%, #325d7f 71.0%, #336186 74.2%, #366891 77.4%, #3b729e 80.6%, #407dac 83.9%, #4589bb 87.1%, #4b94c9 90.3%, #509fd6 93.5%, #54a8e1 96.8%, #56aee8 100.0%);
background: linear-gradient(135deg in oklch, oklch(27.95% 0.1516 270.00) 0.0%, oklch(31.94% 0.1444 266.22) 3.2%, oklch(37.62% 0.1345 260.88) 6.5%, oklch(44.53% 0.1224 254.40) 9.7%, oklch(52.23% 0.1090 247.17) 12.9%, oklch(60.25% 0.0949 239.62) 16.1%, oklch(68.15% 0.0808 232.16) 19.4%, oklch(75.46% 0.0674 225.19) 22.6%, oklch(81.73% 0.0555 219.13) 25.8%, oklch(86.50% 0.0457 214.39) 29.0%, oklch(89.33% 0.0388 211.37) 32.3%, oklch(89.79% 0.0350 210.41) 35.5%, oklch(87.94% 0.0336 211.28) 38.7%, oklch(84.26% 0.0342 213.63) 41.9%, oklch(79.22% 0.0364 217.12) 45.2%, oklch(73.30% 0.0398 221.38) 48.4%, oklch(66.97% 0.0442 226.09) 51.6%, oklch(60.71% 0.0493 230.88) 54.8%, oklch(55.00% 0.0546 235.41) 58.1%, oklch(50.31% 0.0598 239.33) 61.3%, oklch(47.12% 0.0647 242.30) 64.5%, oklch(45.86% 0.0689 244.02) 67.7%, oklch(46.19% 0.0736 244.91) 71.0%, oklch(47.73% 0.0789 245.23) 74.2%, oklch(50.20% 0.0846 245.11) 77.4%, oklch(53.36% 0.0906 244.63) 80.6%, oklch(56.94% 0.0966 243.91) 83.9%, oklch(60.68% 0.1024 243.06) 87.1%, oklch(64.32% 0.1078 242.17) 90.3%, oklch(67.60% 0.1127 241.37) 93.5%, oklch(70.26% 0.1168 240.74) 96.8%, oklch(72.05% 0.1199 240.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.152 | 270 |
| 2 | 0.898 | 0.037 | 210.8 |
| 3 | 0.461 | 0.068 | 243.6 |
| 4 | 0.72 | 0.12 | 240.4 |

## In these collections

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

## Other forms

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