# Icy cyan through soft gray

Monochrome gray, light blue and black linear gradient with 48 colors: #93969c, #969aa0, #9b9fa4, #a2a5aa, #a9acb0, #b1b4b6, #b9bcbd, #c1c3c4, #c9cacb, #cfd1d1, #d5d6d7, #d8dadb, #d9ddde, #d8dee0, #d5dfe1, #d0dee1, #cadde0, #c2dbde, #bbd8dc, #b2d6d9, #abd2d6, #a3cfd3, #9dccd0, #98c9ce, #95c6cd, #94c4cd, #95c2ce, #98c0cf, #9bbed0, #9fbccf, #a3b9cd, #a5b6c9, #a6b2c4, #a5adbe, #a1a6b6, #9b9fad, #9395a2, #878995, #797b85, #696b75, #595b64, #484b53, #383b43, #2a2d33, #1d2026, #12151a, #0a0c11, #05070b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome gray, light blue and black linear gradient
- Seed: `kWqwe38YG7WWTPlYh8hEAQ94`
- Page: https://grabient.com/kWqwe38YG7WWTPlYh8hEAQ94?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: light center, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.8 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 | `#93969c` | `oklch(67.32% 0.0096 258.05)` | Grisaille | black, 7.1 to 1 |
| 2 | `#969aa0` | `oklch(68.52% 0.0092 256.03)` | Dustblu | black, 7.4 to 1 |
| 3 | `#9b9fa4` | `oklch(70.16% 0.0084 253.38)` | Aegean Splendour | black, 7.9 to 1 |
| 4 | `#a2a5aa` | `oklch(72.16% 0.0073 250.22)` | Lionfish | black, 8.5 to 1 |
| 5 | `#a9acb0` | `oklch(74.40% 0.0061 246.66)` | Northern Light Grey | black, 9.2 to 1 |
| 6 | `#b1b4b6` | `oklch(76.79% 0.0049 242.83)` | Astroscopus Grey | black, 10 to 1 |
| 7 | `#b9bcbd` | `oklch(79.24% 0.0037 238.85)` | Gravity | black, 10.9 to 1 |
| 8 | `#c1c3c4` | `oklch(81.64% 0.0028 234.84)` | Foil | black, 11.8 to 1 |
| 9 | `#c9cacb` | `oklch(83.90% 0.0021 230.90)` | Leadbelcher | black, 12.8 to 1 |
| 10 | `#cfd1d1` | `oklch(85.91% 0.0018 227.18)` | Ancestral Water | black, 13.6 to 1 |
| 11 | `#d5d6d7` | `oklch(87.58% 0.0021 223.77)` | Silver Medal | black, 14.4 to 1 |
| 12 | `#d8dadb` | `oklch(88.80% 0.0030 220.81)` | Silver Setting | black, 15 to 1 |
| 13 | `#d9ddde` | `oklch(89.49% 0.0046 218.38)` | Spring Thaw | black, 15.3 to 1 |
| 14 | `#d8dee0` | `oklch(89.71% 0.0074 215.98)` | Cold Water | black, 15.4 to 1 |
| 15 | `#d5dfe1` | `oklch(89.54% 0.0112 213.48)` | Blue Smoke | black, 15.4 to 1 |
| 16 | `#d0dee1` | `oklch(89.06% 0.0158 210.97)` | High Sierra | black, 15.2 to 1 |
| 17 | `#cadde0` | `oklch(88.31% 0.0210 208.58)` | Light Relax | black, 14.8 to 1 |
| 18 | `#c2dbde` | `oklch(87.35% 0.0264 206.41)` | Light Dewpoint | black, 14.4 to 1 |
| 19 | `#bbd8dc` | `oklch(86.23% 0.0319 204.56)` | Alexandrian Sky | black, 13.9 to 1 |
| 20 | `#b2d6d9` | `oklch(85.02% 0.0373 203.16)` | Pocket Lint | black, 13.4 to 1 |
| 21 | `#abd2d6` | `oklch(83.77% 0.0422 202.30)` | Aqua Frost | black, 12.9 to 1 |
| 22 | `#a3cfd3` | `oklch(82.54% 0.0464 202.11)` | Plume | black, 12.4 to 1 |
| 23 | `#9dccd0` | `oklch(81.39% 0.0497 202.68)` | Sea Dew | black, 12 to 1 |
| 24 | `#98c9ce` | `oklch(80.37% 0.0518 204.12)` | Jellyfish Blue | black, 11.6 to 1 |
| 25 | `#95c6cd` | `oklch(79.54% 0.0526 206.65)` | Adriatic Haze | black, 11.2 to 1 |
| 26 | `#94c4cd` | `oklch(78.99% 0.0520 210.76)` | Cosmic Blue | black, 11 to 1 |
| 27 | `#95c2ce` | `oklch(78.63% 0.0505 216.26)` | Aquatic | black, 10.8 to 1 |
| 28 | `#98c0cf` | `oklch(78.39% 0.0481 222.82)` | Neptune’s Realm | black, 10.7 to 1 |
| 29 | `#9bbed0` | `oklch(78.18% 0.0451 230.13)` | Gentle Sky | black, 10.6 to 1 |
| 30 | `#9fbccf` | `oklch(77.91% 0.0415 237.86)` | Bush Viper | black, 10.5 to 1 |
| 31 | `#a3b9cd` | `oklch(77.51% 0.0377 245.70)` | Northern Pond | black, 10.3 to 1 |
| 32 | `#a5b6c9` | `oklch(76.87% 0.0338 253.34)` | Paris Grey | black, 10.1 to 1 |
| 33 | `#a6b2c4` | `oklch(75.93% 0.0301 260.44)` | Silk Sox | black, 9.7 to 1 |
| 34 | `#a5adbe` | `oklch(74.59% 0.0265 266.69)` | Snub | black, 9.2 to 1 |
| 35 | `#a1a6b6` | `oklch(72.77% 0.0235 271.78)` | Great Falls | black, 8.6 to 1 |
| 36 | `#9b9fad` | `oklch(70.38% 0.0211 275.38)` | Screen Test | black, 7.9 to 1 |
| 37 | `#9395a2` | `oklch(67.24% 0.0194 277.35)` | Too Big to Whale | black, 7 to 1 |
| 38 | `#878995` | `oklch(63.17% 0.0180 278.06)` | Roman Silver | black, 6 to 1 |
| 39 | `#797b85` | `oklch(58.34% 0.0167 277.72)` | Nocturnal | black, 4.9 to 1 |
| 40 | `#696b75` | `oklch(52.95% 0.0156 276.52)` | Warpfiend Grey | white, 5.3 to 1 |
| 41 | `#595b64` | `oklch(47.19% 0.0147 274.65)` | Veiled Vinyl | white, 6.7 to 1 |
| 42 | `#484b53` | `oklch(41.25% 0.0140 272.30)` | Asphalt Blue | white, 8.7 to 1 |
| 43 | `#383b43` | `oklch(35.32% 0.0133 269.67)` | Do Not Disturb | white, 11.1 to 1 |
| 44 | `#2a2d33` | `oklch(29.60% 0.0128 266.96)` | Deep Space Echo | white, 13.8 to 1 |
| 45 | `#1d2026` | `oklch(24.27% 0.0123 264.35)` | Noble Black | white, 16.3 to 1 |
| 46 | `#12151a` | `oklch(19.53% 0.0118 262.05)` | Black Is Back | white, 18.2 to 1 |
| 47 | `#0a0c11` | `oklch(15.58% 0.0114 260.23)` | Midnight Oil | white, 19.5 to 1 |
| 48 | `#05070b` | `oklch(12.60% 0.0110 259.10)` | Black Metal | white, 20.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #93969c 0.0%, #969aa0 2.1%, #9b9fa4 4.3%, #a2a5aa 6.4%, #a9acb0 8.5%, #b1b4b6 10.6%, #b9bcbd 12.8%, #c1c3c4 14.9%, #c9cacb 17.0%, #cfd1d1 19.1%, #d5d6d7 21.3%, #d8dadb 23.4%, #d9ddde 25.5%, #d8dee0 27.7%, #d5dfe1 29.8%, #d0dee1 31.9%, #cadde0 34.0%, #c2dbde 36.2%, #bbd8dc 38.3%, #b2d6d9 40.4%, #abd2d6 42.6%, #a3cfd3 44.7%, #9dccd0 46.8%, #98c9ce 48.9%, #95c6cd 51.1%, #94c4cd 53.2%, #95c2ce 55.3%, #98c0cf 57.4%, #9bbed0 59.6%, #9fbccf 61.7%, #a3b9cd 63.8%, #a5b6c9 66.0%, #a6b2c4 68.1%, #a5adbe 70.2%, #a1a6b6 72.3%, #9b9fad 74.5%, #9395a2 76.6%, #878995 78.7%, #797b85 80.9%, #696b75 83.0%, #595b64 85.1%, #484b53 87.2%, #383b43 89.4%, #2a2d33 91.5%, #1d2026 93.6%, #12151a 95.7%, #0a0c11 97.9%, #05070b 100.0%);
background: linear-gradient(225deg in oklch, oklch(67.32% 0.0096 258.05) 0.0%, oklch(68.52% 0.0092 256.03) 2.1%, oklch(70.16% 0.0084 253.38) 4.3%, oklch(72.16% 0.0073 250.22) 6.4%, oklch(74.40% 0.0061 246.66) 8.5%, oklch(76.79% 0.0049 242.83) 10.6%, oklch(79.24% 0.0037 238.85) 12.8%, oklch(81.64% 0.0028 234.84) 14.9%, oklch(83.90% 0.0021 230.90) 17.0%, oklch(85.91% 0.0018 227.18) 19.1%, oklch(87.58% 0.0021 223.77) 21.3%, oklch(88.80% 0.0030 220.81) 23.4%, oklch(89.49% 0.0046 218.38) 25.5%, oklch(89.71% 0.0074 215.98) 27.7%, oklch(89.54% 0.0112 213.48) 29.8%, oklch(89.06% 0.0158 210.97) 31.9%, oklch(88.31% 0.0210 208.58) 34.0%, oklch(87.35% 0.0264 206.41) 36.2%, oklch(86.23% 0.0319 204.56) 38.3%, oklch(85.02% 0.0373 203.16) 40.4%, oklch(83.77% 0.0422 202.30) 42.6%, oklch(82.54% 0.0464 202.11) 44.7%, oklch(81.39% 0.0497 202.68) 46.8%, oklch(80.37% 0.0518 204.12) 48.9%, oklch(79.54% 0.0526 206.65) 51.1%, oklch(78.99% 0.0520 210.76) 53.2%, oklch(78.63% 0.0505 216.26) 55.3%, oklch(78.39% 0.0481 222.82) 57.4%, oklch(78.18% 0.0451 230.13) 59.6%, oklch(77.91% 0.0415 237.86) 61.7%, oklch(77.51% 0.0377 245.70) 63.8%, oklch(76.87% 0.0338 253.34) 66.0%, oklch(75.93% 0.0301 260.44) 68.1%, oklch(74.59% 0.0265 266.69) 70.2%, oklch(72.77% 0.0235 271.78) 72.3%, oklch(70.38% 0.0211 275.38) 74.5%, oklch(67.24% 0.0194 277.35) 76.6%, oklch(63.17% 0.0180 278.06) 78.7%, oklch(58.34% 0.0167 277.72) 80.9%, oklch(52.95% 0.0156 276.52) 83.0%, oklch(47.19% 0.0147 274.65) 85.1%, oklch(41.25% 0.0140 272.30) 87.2%, oklch(35.32% 0.0133 269.67) 89.4%, oklch(29.60% 0.0128 266.96) 91.5%, oklch(24.27% 0.0123 264.35) 93.6%, oklch(19.53% 0.0118 262.05) 95.7%, oklch(15.58% 0.0114 260.23) 97.9%, oklch(12.60% 0.0110 259.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.01 | 258 |
| 2 | 0.894 | 0.004 | 218.9 |
| 3 | 0.799 | 0.052 | 205.2 |
| 4 | 0.697 | 0.021 | 276 |
| 5 | 0.126 | 0.011 | 259.1 |

## In these collections

- [Cool gray gradients](https://grabient.com/cool-gray-gradients)

## Other forms

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