# Periwinkle slate radial glow

Monochrome blue, gray and navy linear gradient with 56 colors: #7698ae, #7b9ab1, #819db4, #88a2b8, #91a6bd, #99abc1, #a2b1c6, #aab6ca, #b1bbcf, #b7bfd3, #bbc2d6, #bec4d9, #bfc6dd, #bfc7e2, #bfc9e7, #becaed, #bbcaf2, #b8caf6, #b3c9fa, #acc7fb, #a5c3fa, #9cbef7, #93b8f0, #87aee5, #7aa1d5, #6a92c1, #5a81ab, #4b7094, #3c5f7e, #2f4f6a, #234258, #1a364a, #122e40, #0d2a3c, #09293d, #072b42, #06304b, #073758, #0b3f67, #124878, #1c528a, #265c9c, #2f65ac, #386dba, #3e73c4, #4378ca, #477dd0, #4b82d3, #4e87d6, #528bd7, #558fd7, #5893d7, #5b96d7, #5e99d7, #609bd7, #639dd7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome blue, gray and navy linear gradient
- Seed: `kYqCSpaItD-KhPmikb2xzJCNamvs`
- Page: https://grabient.com/kYqCSpaItD-KhPmikb2xzJCNamvs?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.2 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 | `#7698ae` | `oklch(66.14% 0.0496 237.66)` | Post Boy | black, 6.8 to 1 |
| 2 | `#7b9ab1` | `oklch(67.08% 0.0483 239.63)` | Dyer’s Woad | black, 7 to 1 |
| 3 | `#819db4` | `oklch(68.38% 0.0462 242.38)` | Office Blue | black, 7.4 to 1 |
| 4 | `#88a2b8` | `oklch(69.94% 0.0436 245.70)` | Astro Bound | black, 7.8 to 1 |
| 5 | `#91a6bd` | `oklch(71.70% 0.0406 249.42)` | Paris | black, 8.4 to 1 |
| 6 | `#99abc1` | `oklch(73.56% 0.0376 253.36)` | Lead Ore | black, 8.9 to 1 |
| 7 | `#a2b1c6` | `oklch(75.45% 0.0348 257.34)` | Aerial View | black, 9.6 to 1 |
| 8 | `#aab6ca` | `oklch(77.27% 0.0323 261.18)` | Uniform | black, 10.2 to 1 |
| 9 | `#b1bbcf` | `oklch(78.95% 0.0303 264.69)` | Sailor Boy | black, 10.8 to 1 |
| 10 | `#b7bfd3` | `oklch(80.40% 0.0292 267.70)` | Sweet Juliet | black, 11.3 to 1 |
| 11 | `#bbc2d6` | `oklch(81.54% 0.0291 270.02)` | Virginia Blue | black, 11.8 to 1 |
| 12 | `#bec4d9` | `oklch(82.28% 0.0303 271.47)` | Lavender Escape | black, 12.1 to 1 |
| 13 | `#bfc6dd` | `oklch(82.81% 0.0332 272.09)` | Violet Scent Soft Blue | black, 12.3 to 1 |
| 14 | `#bfc7e2` | `oklch(83.31% 0.0379 272.08)` | Hindsight | black, 12.5 to 1 |
| 15 | `#bfc9e7` | `oklch(83.74% 0.0439 271.54)` | Cuddle | black, 12.7 to 1 |
| 16 | `#becaed` | `oklch(84.02% 0.0508 270.55)` | Cuddle | black, 12.8 to 1 |
| 17 | `#bbcaf2` | `oklch(84.12% 0.0583 269.21)` | Cuddle | black, 12.8 to 1 |
| 18 | `#b8caf6` | `oklch(83.97% 0.0659 267.60)` | Ice Cold Stare | black, 12.7 to 1 |
| 19 | `#b3c9fa` | `oklch(83.52% 0.0731 265.83)` | Night Snow | black, 12.6 to 1 |
| 20 | `#acc7fb` | `oklch(82.71% 0.0797 263.96)` | Night Snow | black, 12.2 to 1 |
| 21 | `#a5c3fa` | `oklch(81.48% 0.0851 262.11)` | Pastel Blue | black, 11.7 to 1 |
| 22 | `#9cbef7` | `oklch(79.78% 0.0890 260.36)` | Pastel Blue | black, 11.1 to 1 |
| 23 | `#93b8f0` | `oklch(77.56% 0.0909 258.79)` | Electric Eel | black, 10.3 to 1 |
| 24 | `#87aee5` | `oklch(74.40% 0.0904 257.16)` | Queer Blue | black, 9.2 to 1 |
| 25 | `#7aa1d5` | `oklch(70.11% 0.0877 255.20)` | Boudoir Blue | black, 7.9 to 1 |
| 26 | `#6a92c1` | `oklch(64.97% 0.0832 253.03)` | Eyeshadow Blue | black, 6.5 to 1 |
| 27 | `#5a81ab` | `oklch(59.27% 0.0775 250.74)` | Girls in Blue | black, 5.1 to 1 |
| 28 | `#4b7094` | `oklch(53.28% 0.0711 248.43)` | Riverside | white, 5.1 to 1 |
| 29 | `#3c5f7e` | `oklch(47.29% 0.0645 246.20)` | Chinese Porcelain | white, 6.6 to 1 |
| 30 | `#2f4f6a` | `oklch(41.59% 0.0584 244.15)` | Blueberry Pie | white, 8.5 to 1 |
| 31 | `#234258` | `oklch(36.44% 0.0531 242.39)` | Indigo Go-Go | white, 10.5 to 1 |
| 32 | `#1a364a` | `oklch(32.13% 0.0493 241.00)` | Blue Whale | white, 12.5 to 1 |
| 33 | `#122e40` | `oklch(28.95% 0.0475 240.09)` | NATO Blue | white, 14 to 1 |
| 34 | `#0d2a3c` | `oklch(27.17% 0.0482 239.77)` | Murky Depths | white, 14.9 to 1 |
| 35 | `#09293d` | `oklch(26.87% 0.0519 240.18)` | Murky Depths | white, 15 to 1 |
| 36 | `#072b42` | `oklch(27.80% 0.0581 241.30)` | Murky Depths | white, 14.6 to 1 |
| 37 | `#06304b` | `oklch(29.74% 0.0664 242.99)` | Halite Blue | white, 13.6 to 1 |
| 38 | `#073758` | `oklch(32.49% 0.0762 245.09)` | Incremental Blue | white, 12.3 to 1 |
| 39 | `#0b3f67` | `oklch(35.81% 0.0868 247.45)` | Dark Imperial Blue | white, 10.9 to 1 |
| 40 | `#124878` | `oklch(39.50% 0.0978 249.93)` | Thunder Night | white, 9.3 to 1 |
| 41 | `#1c528a` | `oklch(43.34% 0.1086 252.37)` | Frank Blue | white, 8 to 1 |
| 42 | `#265c9c` | `oklch(47.12% 0.1185 254.63)` | Beacon Blue | white, 6.8 to 1 |
| 43 | `#2f65ac` | `oklch(50.62% 0.1271 256.55)` | Shukra Blue | white, 5.8 to 1 |
| 44 | `#386dba` | `oklch(53.62% 0.1337 257.99)` | Matt Blue | white, 5.1 to 1 |
| 45 | `#3e73c4` | `oklch(55.91% 0.1378 258.79)` | Palace Blue | white, 4.7 to 1 |
| 46 | `#4378ca` | `oklch(57.68% 0.1394 258.96)` | Fading Night | black, 4.7 to 1 |
| 47 | `#477dd0` | `oklch(59.30% 0.1390 258.67)` | Serenity’s Reign | black, 5.1 to 1 |
| 48 | `#4b82d3` | `oklch(60.76% 0.1370 258.00)` | Serenity’s Reign | black, 5.4 to 1 |
| 49 | `#4e87d6` | `oklch(62.07% 0.1339 257.03)` | Blue Jay | black, 5.7 to 1 |
| 50 | `#528bd7` | `oklch(63.26% 0.1298 255.86)` | Blue Jay | black, 6 to 1 |
| 51 | `#558fd7` | `oklch(64.32% 0.1252 254.57)` | Blue Dart | black, 6.3 to 1 |
| 52 | `#5893d7` | `oklch(65.27% 0.1204 253.24)` | Little Boy Blue | black, 6.5 to 1 |
| 53 | `#5b96d7` | `oklch(66.11% 0.1157 251.96)` | Little Boy Blue | black, 6.7 to 1 |
| 54 | `#5e99d7` | `oklch(66.86% 0.1116 250.82)` | Blue Bay | black, 7 to 1 |
| 55 | `#609bd7` | `oklch(67.52% 0.1082 249.90)` | Blue Bay | black, 7.1 to 1 |
| 56 | `#639dd7` | `oklch(68.11% 0.1061 249.28)` | Blue Bay | black, 7.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #7698ae 0.0%, #7b9ab1 1.8%, #819db4 3.6%, #88a2b8 5.5%, #91a6bd 7.3%, #99abc1 9.1%, #a2b1c6 10.9%, #aab6ca 12.7%, #b1bbcf 14.5%, #b7bfd3 16.4%, #bbc2d6 18.2%, #bec4d9 20.0%, #bfc6dd 21.8%, #bfc7e2 23.6%, #bfc9e7 25.5%, #becaed 27.3%, #bbcaf2 29.1%, #b8caf6 30.9%, #b3c9fa 32.7%, #acc7fb 34.5%, #a5c3fa 36.4%, #9cbef7 38.2%, #93b8f0 40.0%, #87aee5 41.8%, #7aa1d5 43.6%, #6a92c1 45.5%, #5a81ab 47.3%, #4b7094 49.1%, #3c5f7e 50.9%, #2f4f6a 52.7%, #234258 54.5%, #1a364a 56.4%, #122e40 58.2%, #0d2a3c 60.0%, #09293d 61.8%, #072b42 63.6%, #06304b 65.5%, #073758 67.3%, #0b3f67 69.1%, #124878 70.9%, #1c528a 72.7%, #265c9c 74.5%, #2f65ac 76.4%, #386dba 78.2%, #3e73c4 80.0%, #4378ca 81.8%, #477dd0 83.6%, #4b82d3 85.5%, #4e87d6 87.3%, #528bd7 89.1%, #558fd7 90.9%, #5893d7 92.7%, #5b96d7 94.5%, #5e99d7 96.4%, #609bd7 98.2%, #639dd7 100.0%);
background: linear-gradient(135deg in oklch, oklch(66.14% 0.0496 237.66) 0.0%, oklch(67.08% 0.0483 239.63) 1.8%, oklch(68.38% 0.0462 242.38) 3.6%, oklch(69.94% 0.0436 245.70) 5.5%, oklch(71.70% 0.0406 249.42) 7.3%, oklch(73.56% 0.0376 253.36) 9.1%, oklch(75.45% 0.0348 257.34) 10.9%, oklch(77.27% 0.0323 261.18) 12.7%, oklch(78.95% 0.0303 264.69) 14.5%, oklch(80.40% 0.0292 267.70) 16.4%, oklch(81.54% 0.0291 270.02) 18.2%, oklch(82.28% 0.0303 271.47) 20.0%, oklch(82.81% 0.0332 272.09) 21.8%, oklch(83.31% 0.0379 272.08) 23.6%, oklch(83.74% 0.0439 271.54) 25.5%, oklch(84.02% 0.0508 270.55) 27.3%, oklch(84.12% 0.0583 269.21) 29.1%, oklch(83.97% 0.0659 267.60) 30.9%, oklch(83.52% 0.0731 265.83) 32.7%, oklch(82.71% 0.0797 263.96) 34.5%, oklch(81.48% 0.0851 262.11) 36.4%, oklch(79.78% 0.0890 260.36) 38.2%, oklch(77.56% 0.0909 258.79) 40.0%, oklch(74.40% 0.0904 257.16) 41.8%, oklch(70.11% 0.0877 255.20) 43.6%, oklch(64.97% 0.0832 253.03) 45.5%, oklch(59.27% 0.0775 250.74) 47.3%, oklch(53.28% 0.0711 248.43) 49.1%, oklch(47.29% 0.0645 246.20) 50.9%, oklch(41.59% 0.0584 244.15) 52.7%, oklch(36.44% 0.0531 242.39) 54.5%, oklch(32.13% 0.0493 241.00) 56.4%, oklch(28.95% 0.0475 240.09) 58.2%, oklch(27.17% 0.0482 239.77) 60.0%, oklch(26.87% 0.0519 240.18) 61.8%, oklch(27.80% 0.0581 241.30) 63.6%, oklch(29.74% 0.0664 242.99) 65.5%, oklch(32.49% 0.0762 245.09) 67.3%, oklch(35.81% 0.0868 247.45) 69.1%, oklch(39.50% 0.0978 249.93) 70.9%, oklch(43.34% 0.1086 252.37) 72.7%, oklch(47.12% 0.1185 254.63) 74.5%, oklch(50.62% 0.1271 256.55) 76.4%, oklch(53.62% 0.1337 257.99) 78.2%, oklch(55.91% 0.1378 258.79) 80.0%, oklch(57.68% 0.1394 258.96) 81.8%, oklch(59.30% 0.1390 258.67) 83.6%, oklch(60.76% 0.1370 258.00) 85.5%, oklch(62.07% 0.1339 257.03) 87.3%, oklch(63.26% 0.1298 255.86) 89.1%, oklch(64.32% 0.1252 254.57) 90.9%, oklch(65.27% 0.1204 253.24) 92.7%, oklch(66.11% 0.1157 251.96) 94.5%, oklch(66.86% 0.1116 250.82) 96.4%, oklch(67.52% 0.1082 249.90) 98.2%, oklch(68.11% 0.1061 249.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.05 | 237.7 |
| 2 | 0.823 | 0.03 | 271.5 |
| 3 | 0.776 | 0.091 | 258.8 |
| 4 | 0.272 | 0.048 | 239.8 |
| 5 | 0.559 | 0.138 | 258.8 |
| 6 | 0.681 | 0.106 | 249.3 |

## In these collections

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

## Other forms

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