# Indigo slate diagonal

Light blue, black, navy and blue linear gradient with 64 colors: #85ddfe, #81d3f4, #7cc6e8, #76b7d8, #6ea7c6, #6695b2, #5d839e, #537188, #495f73, #3e4e5f, #343e4c, #29303a, #1f242b, #16191e, #0f1115, #090a0e, #05060a, #040508, #020309, #02030b, #02030f, #020215, #03021c, #040224, #05022d, #070236, #090341, #0c044b, #0e0655, #10095f, #110e67, #11136e, #111874, #111e79, #0f257e, #0d2c82, #0a3486, #093c89, #09448c, #0c4c8f, #125391, #195a93, #216195, #296796, #316d98, #397299, #40779a, #467b9c, #4b7f9e, #4f829f, #5384a1, #5787a2, #5a89a3, #5d8ba4, #608ca5, #628ea6, #648fa7, #6690a8, #6891a8, #6992a9, #6b93aa, #6c94aa, #6d94ab, #6f95ab. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, black, navy and blue linear gradient
- Seed: `kW2UafkINFKO3QBHm7wUpO_g`
- Page: https://grabient.com/kW2UafkINFKO3QBHm7wUpO_g?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.5 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 | `#85ddfe` | `oklch(85.43% 0.0965 224.30)` | Tranquil Pool | black, 13.7 to 1 |
| 2 | `#81d3f4` | `oklch(82.69% 0.0929 225.96)` | Kul Sharif Blue | black, 12.5 to 1 |
| 3 | `#7cc6e8` | `oklch(79.12% 0.0879 228.09)` | Spritzig | black, 11.1 to 1 |
| 4 | `#76b7d8` | `oklch(74.87% 0.0818 230.62)` | Tribute | black, 9.5 to 1 |
| 5 | `#6ea7c6` | `oklch(70.05% 0.0747 233.47)` | Wandering River | black, 8 to 1 |
| 6 | `#6695b2` | `oklch(64.79% 0.0670 236.60)` | Aragonite Blue | black, 6.5 to 1 |
| 7 | `#5d839e` | `oklch(59.20% 0.0589 239.91)` | Honest Blue | black, 5.2 to 1 |
| 8 | `#537188` | `oklch(53.41% 0.0506 243.36)` | Captains Blue | white, 5.1 to 1 |
| 9 | `#495f73` | `oklch(47.54% 0.0424 246.86)` | Eclipse Blue | white, 6.6 to 1 |
| 10 | `#3e4e5f` | `oklch(41.72% 0.0345 250.36)` | Admiralty | white, 8.5 to 1 |
| 11 | `#343e4c` | `oklch(36.07% 0.0272 253.79)` | Burka Black | white, 10.8 to 1 |
| 12 | `#29303a` | `oklch(30.71% 0.0206 257.07)` | Chimney Sweep | white, 13.2 to 1 |
| 13 | `#1f242b` | `oklch(25.76% 0.0152 260.15)` | Dark Gunmetal | white, 15.6 to 1 |
| 14 | `#16191e` | `oklch(21.35% 0.0110 262.95)` | Aswad Black | white, 17.5 to 1 |
| 15 | `#0f1115` | `oklch(17.60% 0.0084 265.41)` | Ruined Smores | white, 18.9 to 1 |
| 16 | `#090a0e` | `oklch(14.63% 0.0076 267.45)` | Existential Angst | white, 19.7 to 1 |
| 17 | `#05060a` | `oklch(12.56% 0.0088 269.03)` | Eight Ball | white, 20.2 to 1 |
| 18 | `#040508` | `oklch(11.20% 0.0125 270.32)` | Eight Ball | white, 20.4 to 1 |
| 19 | `#020309` | `oklch(10.43% 0.0185 271.40)` | Ninja | white, 20.5 to 1 |
| 20 | `#02030b` | `oklch(10.17% 0.0265 272.29)` | Ninja | white, 20.5 to 1 |
| 21 | `#02030f` | `oklch(10.39% 0.0361 272.98)` | Broken Tube | white, 20.5 to 1 |
| 22 | `#020215` | `oklch(11.01% 0.0470 273.49)` | Obsidian Shard | white, 20.5 to 1 |
| 23 | `#03021c` | `oklch(11.98% 0.0588 273.83)` | Hadopelagic Water | white, 20.3 to 1 |
| 24 | `#040224` | `oklch(13.25% 0.0712 274.00)` | Insomnia | white, 20.2 to 1 |
| 25 | `#05022d` | `oklch(14.76% 0.0839 274.02)` | Insomnia | white, 19.9 to 1 |
| 26 | `#070236` | `oklch(16.45% 0.0964 273.87)` | Cosmic Void | white, 19.5 to 1 |
| 27 | `#090341` | `oklch(18.27% 0.1085 273.59)` | Ultramarine Shadow | white, 19.1 to 1 |
| 28 | `#0c044b` | `oklch(20.15% 0.1198 273.16)` | Silent Twilight | white, 18.5 to 1 |
| 29 | `#0e0655` | `oklch(22.05% 0.1300 272.61)` | Ravenclaw | white, 17.8 to 1 |
| 30 | `#10095f` | `oklch(23.90% 0.1387 271.93)` | Prussian Nights | white, 17.1 to 1 |
| 31 | `#110e67` | `oklch(25.65% 0.1455 271.13)` | Dying Storm Blue | white, 16.3 to 1 |
| 32 | `#11136e` | `oklch(27.24% 0.1502 270.23)` | Dying Storm Blue | white, 15.6 to 1 |
| 33 | `#111874` | `oklch(28.66% 0.1524 269.19)` | 20000 Leagues Under the Sea | white, 14.9 to 1 |
| 34 | `#111e79` | `oklch(30.21% 0.1527 267.81)` | Long-Haul Flight | white, 14.1 to 1 |
| 35 | `#0f257e` | `oklch(31.91% 0.1513 266.12)` | Impression of Obscurity | white, 13.2 to 1 |
| 36 | `#0d2c82` | `oklch(33.73% 0.1484 264.16)` | Below the Surface | white, 12.3 to 1 |
| 37 | `#0a3486` | `oklch(35.65% 0.1443 261.98)` | Magnus Blue | white, 11.3 to 1 |
| 38 | `#093c89` | `oklch(37.64% 0.1392 259.62)` | Mystery Oceans | white, 10.3 to 1 |
| 39 | `#09448c` | `oklch(39.68% 0.1332 257.14)` | Pacific Depths | white, 9.4 to 1 |
| 40 | `#0c4c8f` | `oklch(41.75% 0.1266 254.59)` | Iron Blue | white, 8.6 to 1 |
| 41 | `#125391` | `oklch(43.81% 0.1196 252.01)` | Ocean | white, 7.8 to 1 |
| 42 | `#195a93` | `oklch(45.84% 0.1124 249.45)` | Baleine Blue | white, 7.1 to 1 |
| 43 | `#216195` | `oklch(47.81% 0.1052 246.96)` | Lapis Lazuli Blue | white, 6.5 to 1 |
| 44 | `#296796` | `oklch(49.71% 0.0982 244.59)` | Starry Night | white, 6 to 1 |
| 45 | `#316d98` | `oklch(51.50% 0.0916 242.39)` | Blue Oasis | white, 5.5 to 1 |
| 46 | `#397299` | `oklch(53.17% 0.0857 240.40)` | Windsurfing | white, 5.1 to 1 |
| 47 | `#40779a` | `oklch(54.67% 0.0806 238.68)` | Cry Me a River | white, 4.8 to 1 |
| 48 | `#467b9c` | `oklch(56.00% 0.0766 237.27)` | Linoleum Blue | white, 4.5 to 1 |
| 49 | `#4b7f9e` | `oklch(57.15% 0.0736 236.18)` | Flattering Blue | black, 4.8 to 1 |
| 50 | `#4f829f` | `oklch(58.17% 0.0709 235.31)` | Jay Bird | black, 5 to 1 |
| 51 | `#5384a1` | `oklch(59.09% 0.0685 234.62)` | Hemisphere | black, 5.2 to 1 |
| 52 | `#5787a2` | `oklch(59.91% 0.0663 234.11)` | Blue Team Spirit | black, 5.3 to 1 |
| 53 | `#5a89a3` | `oklch(60.63% 0.0645 233.74)` | Kuta Surf | black, 5.5 to 1 |
| 54 | `#5d8ba4` | `oklch(61.28% 0.0629 233.51)` | Sea Crystal | black, 5.6 to 1 |
| 55 | `#608ca5` | `oklch(61.84% 0.0614 233.38)` | Sea Crystal | black, 5.8 to 1 |
| 56 | `#628ea6` | `oklch(62.34% 0.0602 233.34)` | Saltbox Blue | black, 5.9 to 1 |
| 57 | `#648fa7` | `oklch(62.79% 0.0591 233.38)` | Saltbox Blue | black, 6 to 1 |
| 58 | `#6690a8` | `oklch(63.18% 0.0581 233.45)` | Blue Cruise | black, 6.1 to 1 |
| 59 | `#6891a8` | `oklch(63.53% 0.0573 233.56)` | Blue Cruise | black, 6.2 to 1 |
| 60 | `#6992a9` | `oklch(63.85% 0.0565 233.68)` | Blue Cruise | black, 6.2 to 1 |
| 61 | `#6b93aa` | `oklch(64.14% 0.0558 233.78)` | Blue Cruise | black, 6.3 to 1 |
| 62 | `#6c94aa` | `oklch(64.42% 0.0551 233.85)` | Architecture Blue | black, 6.4 to 1 |
| 63 | `#6d94ab` | `oklch(64.69% 0.0544 233.86)` | Aragonite Blue | black, 6.4 to 1 |
| 64 | `#6f95ab` | `oklch(64.96% 0.0537 233.81)` | American Anthem | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #85ddfe 0.0%, #81d3f4 1.6%, #7cc6e8 3.2%, #76b7d8 4.8%, #6ea7c6 6.3%, #6695b2 7.9%, #5d839e 9.5%, #537188 11.1%, #495f73 12.7%, #3e4e5f 14.3%, #343e4c 15.9%, #29303a 17.5%, #1f242b 19.0%, #16191e 20.6%, #0f1115 22.2%, #090a0e 23.8%, #05060a 25.4%, #040508 27.0%, #020309 28.6%, #02030b 30.2%, #02030f 31.7%, #020215 33.3%, #03021c 34.9%, #040224 36.5%, #05022d 38.1%, #070236 39.7%, #090341 41.3%, #0c044b 42.9%, #0e0655 44.4%, #10095f 46.0%, #110e67 47.6%, #11136e 49.2%, #111874 50.8%, #111e79 52.4%, #0f257e 54.0%, #0d2c82 55.6%, #0a3486 57.1%, #093c89 58.7%, #09448c 60.3%, #0c4c8f 61.9%, #125391 63.5%, #195a93 65.1%, #216195 66.7%, #296796 68.3%, #316d98 69.8%, #397299 71.4%, #40779a 73.0%, #467b9c 74.6%, #4b7f9e 76.2%, #4f829f 77.8%, #5384a1 79.4%, #5787a2 81.0%, #5a89a3 82.5%, #5d8ba4 84.1%, #608ca5 85.7%, #628ea6 87.3%, #648fa7 88.9%, #6690a8 90.5%, #6891a8 92.1%, #6992a9 93.7%, #6b93aa 95.2%, #6c94aa 96.8%, #6d94ab 98.4%, #6f95ab 100.0%);
background: linear-gradient(135deg in oklch, oklch(85.43% 0.0965 224.30) 0.0%, oklch(82.69% 0.0929 225.96) 1.6%, oklch(79.12% 0.0879 228.09) 3.2%, oklch(74.87% 0.0818 230.62) 4.8%, oklch(70.05% 0.0747 233.47) 6.3%, oklch(64.79% 0.0670 236.60) 7.9%, oklch(59.20% 0.0589 239.91) 9.5%, oklch(53.41% 0.0506 243.36) 11.1%, oklch(47.54% 0.0424 246.86) 12.7%, oklch(41.72% 0.0345 250.36) 14.3%, oklch(36.07% 0.0272 253.79) 15.9%, oklch(30.71% 0.0206 257.07) 17.5%, oklch(25.76% 0.0152 260.15) 19.0%, oklch(21.35% 0.0110 262.95) 20.6%, oklch(17.60% 0.0084 265.41) 22.2%, oklch(14.63% 0.0076 267.45) 23.8%, oklch(12.56% 0.0088 269.03) 25.4%, oklch(11.20% 0.0125 270.32) 27.0%, oklch(10.43% 0.0185 271.40) 28.6%, oklch(10.17% 0.0265 272.29) 30.2%, oklch(10.39% 0.0361 272.98) 31.7%, oklch(11.01% 0.0470 273.49) 33.3%, oklch(11.98% 0.0588 273.83) 34.9%, oklch(13.25% 0.0712 274.00) 36.5%, oklch(14.76% 0.0839 274.02) 38.1%, oklch(16.45% 0.0964 273.87) 39.7%, oklch(18.27% 0.1085 273.59) 41.3%, oklch(20.15% 0.1198 273.16) 42.9%, oklch(22.05% 0.1300 272.61) 44.4%, oklch(23.90% 0.1387 271.93) 46.0%, oklch(25.65% 0.1455 271.13) 47.6%, oklch(27.24% 0.1502 270.23) 49.2%, oklch(28.66% 0.1524 269.19) 50.8%, oklch(30.21% 0.1527 267.81) 52.4%, oklch(31.91% 0.1513 266.12) 54.0%, oklch(33.73% 0.1484 264.16) 55.6%, oklch(35.65% 0.1443 261.98) 57.1%, oklch(37.64% 0.1392 259.62) 58.7%, oklch(39.68% 0.1332 257.14) 60.3%, oklch(41.75% 0.1266 254.59) 61.9%, oklch(43.81% 0.1196 252.01) 63.5%, oklch(45.84% 0.1124 249.45) 65.1%, oklch(47.81% 0.1052 246.96) 66.7%, oklch(49.71% 0.0982 244.59) 68.3%, oklch(51.50% 0.0916 242.39) 69.8%, oklch(53.17% 0.0857 240.40) 71.4%, oklch(54.67% 0.0806 238.68) 73.0%, oklch(56.00% 0.0766 237.27) 74.6%, oklch(57.15% 0.0736 236.18) 76.2%, oklch(58.17% 0.0709 235.31) 77.8%, oklch(59.09% 0.0685 234.62) 79.4%, oklch(59.91% 0.0663 234.11) 81.0%, oklch(60.63% 0.0645 233.74) 82.5%, oklch(61.28% 0.0629 233.51) 84.1%, oklch(61.84% 0.0614 233.38) 85.7%, oklch(62.34% 0.0602 233.34) 87.3%, oklch(62.79% 0.0591 233.38) 88.9%, oklch(63.18% 0.0581 233.45) 90.5%, oklch(63.53% 0.0573 233.56) 92.1%, oklch(63.85% 0.0565 233.68) 93.7%, oklch(64.14% 0.0558 233.78) 95.2%, oklch(64.42% 0.0551 233.85) 96.8%, oklch(64.69% 0.0544 233.86) 98.4%, oklch(64.96% 0.0537 233.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.096 | 224.3 |
| 2 | 0.13 | 0.008 | 268.7 |
| 3 | 0.28 | 0.152 | 269.7 |
| 4 | 0.563 | 0.076 | 237 |
| 5 | 0.65 | 0.054 | 233.8 |

## In these collections

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

## Other forms

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