# Cool gray linear gradient

Cool gray linear gradient with 64 colors: #48555a, #4a575c, #4c595e, #4e5b60, #505d62, #526065, #556368, #58666b, #5b6a6f, #5e6d72, #627176, #65757a, #69797e, #6d7d82, #718186, #74858a, #78898e, #7c8d92, #809196, #83959a, #87999e, #8a9da2, #8da0a6, #90a4a9, #93a7ac, #96aaaf, #98acb2, #9aafb4, #9cb0b6, #9db2b8, #9eb3ba, #9fb4ba, #9fb4bb, #9fb4bb, #9fb3bb, #9eb2ba, #9cb0b9, #9baeb7, #99acb6, #97aab4, #95a7b2, #92a4af, #90a1ac, #8d9da9, #8a9aa6, #8796a3, #8492a0, #818f9c, #7e8b99, #7b8795, #788392, #757f8e, #727b8b, #707887, #6d7484, #6a7181, #686e7e, #656b7b, #636878, #616575, #5f6373, #5e6171, #5d5f6f, #5c5d6e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kScA2e4Ak_j2Jxw`
- Page: https://grabient.com/kScA2e4Ak_j2Jxw?steps=64&angle=45
- Drawn as: linear gradient, 64 steps, 45 degrees
- Kinds: light center, neutral, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 3.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 | `#48555a` | `oklch(44.09% 0.0179 222.89)` | Country Sky | white, 7.6 to 1 |
| 2 | `#4a575c` | `oklch(44.65% 0.0180 222.81)` | Submarine Grey | white, 7.5 to 1 |
| 3 | `#4c595e` | `oklch(45.33% 0.0182 222.66)` | Submarine Grey | white, 7.2 to 1 |
| 4 | `#4e5b60` | `oklch(46.11% 0.0183 222.45)` | Dark and Stormy Night | white, 7 to 1 |
| 5 | `#505d62` | `oklch(46.98% 0.0185 222.20)` | Marine Magic | white, 6.7 to 1 |
| 6 | `#526065` | `oklch(47.95% 0.0187 221.89)` | Limousine Grey Blue | white, 6.5 to 1 |
| 7 | `#556368` | `oklch(48.99% 0.0189 221.55)` | Gunmetal | white, 6.2 to 1 |
| 8 | `#58666b` | `oklch(50.10% 0.0191 221.18)` | Whale Grey | white, 5.9 to 1 |
| 9 | `#5b6a6f` | `oklch(51.28% 0.0193 220.78)` | Made of Steel | white, 5.6 to 1 |
| 10 | `#5e6d72` | `oklch(52.51% 0.0195 220.37)` | Superstition | white, 5.3 to 1 |
| 11 | `#627176` | `oklch(53.78% 0.0198 219.94)` | Myth | white, 5 to 1 |
| 12 | `#65757a` | `oklch(55.09% 0.0200 219.50)` | Sea Beast | white, 4.7 to 1 |
| 13 | `#69797e` | `oklch(56.43% 0.0203 219.07)` | Night Rendezvous | black, 4.6 to 1 |
| 14 | `#6d7d82` | `oklch(57.79% 0.0205 218.64)` | Taliesin Blue | black, 4.8 to 1 |
| 15 | `#718186` | `oklch(59.15% 0.0208 218.22)` | Courtyard Blue | black, 5.1 to 1 |
| 16 | `#74858a` | `oklch(60.52% 0.0211 217.82)` | Regent Grey | black, 5.4 to 1 |
| 17 | `#78898e` | `oklch(61.88% 0.0213 217.45)` | Norwegian Blue | black, 5.7 to 1 |
| 18 | `#7c8d92` | `oklch(63.22% 0.0216 217.11)` | Harrow’s Gate | black, 6.1 to 1 |
| 19 | `#809196` | `oklch(64.54% 0.0219 216.81)` | Dark Storm Cloud | black, 6.4 to 1 |
| 20 | `#83959a` | `oklch(65.83% 0.0221 216.55)` | Morning at Sea | black, 6.7 to 1 |
| 21 | `#87999e` | `oklch(67.08% 0.0224 216.35)` | Fine Tuned Blue | black, 7 to 1 |
| 22 | `#8a9da2` | `oklch(68.27% 0.0227 216.20)` | Shale Grey | black, 7.4 to 1 |
| 23 | `#8da0a6` | `oklch(69.41% 0.0229 216.11)` | Symmetry | black, 7.7 to 1 |
| 24 | `#90a4a9` | `oklch(70.47% 0.0232 216.10)` | Galleria Blue | black, 8 to 1 |
| 25 | `#93a7ac` | `oklch(71.47% 0.0234 216.16)` | Celestra Grey | black, 8.3 to 1 |
| 26 | `#96aaaf` | `oklch(72.37% 0.0236 216.31)` | Meditative | black, 8.6 to 1 |
| 27 | `#98acb2` | `oklch(73.18% 0.0238 216.54)` | Bucolic Blue | black, 8.9 to 1 |
| 28 | `#9aafb4` | `oklch(73.89% 0.0240 216.87)` | Interesting Aqua | black, 9.1 to 1 |
| 29 | `#9cb0b6` | `oklch(74.49% 0.0242 217.31)` | Aqua-Sphere | black, 9.3 to 1 |
| 30 | `#9db2b8` | `oklch(74.97% 0.0244 217.85)` | Ovation | black, 9.5 to 1 |
| 31 | `#9eb3ba` | `oklch(75.32% 0.0246 218.51)` | Ovation | black, 9.6 to 1 |
| 32 | `#9fb4ba` | `oklch(75.54% 0.0247 219.28)` | Dockside Blue | black, 9.6 to 1 |
| 33 | `#9fb4bb` | `oklch(75.61% 0.0249 220.20)` | Dockside Blue | black, 9.7 to 1 |
| 34 | `#9fb4bb` | `oklch(75.53% 0.0250 221.28)` | Dockside Blue | black, 9.6 to 1 |
| 35 | `#9fb3bb` | `oklch(75.33% 0.0251 222.54)` | Dockside Blue | black, 9.6 to 1 |
| 36 | `#9eb2ba` | `oklch(75.00% 0.0252 223.96)` | Ovation | black, 9.5 to 1 |
| 37 | `#9cb0b9` | `oklch(74.55% 0.0253 225.52)` | Electric Slide | black, 9.3 to 1 |
| 38 | `#9baeb7` | `oklch(73.99% 0.0254 227.22)` | Irogon Blue | black, 9.1 to 1 |
| 39 | `#99acb6` | `oklch(73.34% 0.0255 229.05)` | Pacific Bliss | black, 8.9 to 1 |
| 40 | `#97aab4` | `oklch(72.59% 0.0255 230.98)` | Wave Goodbye | black, 8.7 to 1 |
| 41 | `#95a7b2` | `oklch(71.76% 0.0256 233.01)` | Ashen Wind | black, 8.4 to 1 |
| 42 | `#92a4af` | `oklch(70.85% 0.0257 235.14)` | Cadet Grey | black, 8.1 to 1 |
| 43 | `#90a1ac` | `oklch(69.87% 0.0257 237.33)` | Stormy Skies | black, 7.8 to 1 |
| 44 | `#8d9da9` | `oklch(68.84% 0.0258 239.59)` | Lost at Sea | black, 7.5 to 1 |
| 45 | `#8a9aa6` | `oklch(67.76% 0.0258 241.91)` | Hamilton Blue | black, 7.2 to 1 |
| 46 | `#8796a3` | `oklch(66.63% 0.0259 244.26)` | Ozone | black, 6.9 to 1 |
| 47 | `#8492a0` | `oklch(65.47% 0.0259 246.64)` | Diopside Blue | black, 6.6 to 1 |
| 48 | `#818f9c` | `oklch(64.28% 0.0259 249.04)` | London Square | black, 6.3 to 1 |
| 49 | `#7e8b99` | `oklch(63.07% 0.0259 251.44)` | Prophetic Sea | black, 6 to 1 |
| 50 | `#7b8795` | `oklch(61.85% 0.0260 253.84)` | Spartan Blue | black, 5.7 to 1 |
| 51 | `#788392` | `oklch(60.64% 0.0260 256.21)` | Link | black, 5.4 to 1 |
| 52 | `#757f8e` | `oklch(59.43% 0.0260 258.56)` | Seattle Haze | black, 5.2 to 1 |
| 53 | `#727b8b` | `oklch(58.23% 0.0260 260.86)` | Abandoned Spaceship | black, 4.9 to 1 |
| 54 | `#707887` | `oklch(57.06% 0.0260 263.11)` | Ice Blue Grey | black, 4.7 to 1 |
| 55 | `#6d7484` | `oklch(55.92% 0.0260 265.29)` | Encore | white, 4.6 to 1 |
| 56 | `#6a7181` | `oklch(54.82% 0.0261 267.39)` | Flintstone | white, 4.8 to 1 |
| 57 | `#686e7e` | `oklch(53.76% 0.0261 269.40)` | Nouveau | white, 5.1 to 1 |
| 58 | `#656b7b` | `oklch(52.77% 0.0261 271.31)` | Ashen Whisper | white, 5.3 to 1 |
| 59 | `#636878` | `oklch(51.83% 0.0261 273.11)` | Folkstone Grey | white, 5.5 to 1 |
| 60 | `#616575` | `oklch(50.97% 0.0261 274.77)` | Comet | white, 5.7 to 1 |
| 61 | `#5f6373` | `oklch(50.19% 0.0261 276.31)` | Damp Basement | white, 5.9 to 1 |
| 62 | `#5e6171` | `oklch(49.50% 0.0261 277.69)` | Damp Basement | white, 6.1 to 1 |
| 63 | `#5d5f6f` | `oklch(48.91% 0.0262 278.91)` | Mysterious Night | white, 6.3 to 1 |
| 64 | `#5c5d6e` | `oklch(48.43% 0.0262 279.96)` | Shearwater Black | white, 6.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #48555a 0.0%, #4a575c 1.6%, #4c595e 3.2%, #4e5b60 4.8%, #505d62 6.3%, #526065 7.9%, #556368 9.5%, #58666b 11.1%, #5b6a6f 12.7%, #5e6d72 14.3%, #627176 15.9%, #65757a 17.5%, #69797e 19.0%, #6d7d82 20.6%, #718186 22.2%, #74858a 23.8%, #78898e 25.4%, #7c8d92 27.0%, #809196 28.6%, #83959a 30.2%, #87999e 31.7%, #8a9da2 33.3%, #8da0a6 34.9%, #90a4a9 36.5%, #93a7ac 38.1%, #96aaaf 39.7%, #98acb2 41.3%, #9aafb4 42.9%, #9cb0b6 44.4%, #9db2b8 46.0%, #9eb3ba 47.6%, #9fb4ba 49.2%, #9fb4bb 50.8%, #9fb4bb 52.4%, #9fb3bb 54.0%, #9eb2ba 55.6%, #9cb0b9 57.1%, #9baeb7 58.7%, #99acb6 60.3%, #97aab4 61.9%, #95a7b2 63.5%, #92a4af 65.1%, #90a1ac 66.7%, #8d9da9 68.3%, #8a9aa6 69.8%, #8796a3 71.4%, #8492a0 73.0%, #818f9c 74.6%, #7e8b99 76.2%, #7b8795 77.8%, #788392 79.4%, #757f8e 81.0%, #727b8b 82.5%, #707887 84.1%, #6d7484 85.7%, #6a7181 87.3%, #686e7e 88.9%, #656b7b 90.5%, #636878 92.1%, #616575 93.7%, #5f6373 95.2%, #5e6171 96.8%, #5d5f6f 98.4%, #5c5d6e 100.0%);
background: linear-gradient(45deg in oklch, oklch(44.09% 0.0179 222.89) 0.0%, oklch(44.65% 0.0180 222.81) 1.6%, oklch(45.33% 0.0182 222.66) 3.2%, oklch(46.11% 0.0183 222.45) 4.8%, oklch(46.98% 0.0185 222.20) 6.3%, oklch(47.95% 0.0187 221.89) 7.9%, oklch(48.99% 0.0189 221.55) 9.5%, oklch(50.10% 0.0191 221.18) 11.1%, oklch(51.28% 0.0193 220.78) 12.7%, oklch(52.51% 0.0195 220.37) 14.3%, oklch(53.78% 0.0198 219.94) 15.9%, oklch(55.09% 0.0200 219.50) 17.5%, oklch(56.43% 0.0203 219.07) 19.0%, oklch(57.79% 0.0205 218.64) 20.6%, oklch(59.15% 0.0208 218.22) 22.2%, oklch(60.52% 0.0211 217.82) 23.8%, oklch(61.88% 0.0213 217.45) 25.4%, oklch(63.22% 0.0216 217.11) 27.0%, oklch(64.54% 0.0219 216.81) 28.6%, oklch(65.83% 0.0221 216.55) 30.2%, oklch(67.08% 0.0224 216.35) 31.7%, oklch(68.27% 0.0227 216.20) 33.3%, oklch(69.41% 0.0229 216.11) 34.9%, oklch(70.47% 0.0232 216.10) 36.5%, oklch(71.47% 0.0234 216.16) 38.1%, oklch(72.37% 0.0236 216.31) 39.7%, oklch(73.18% 0.0238 216.54) 41.3%, oklch(73.89% 0.0240 216.87) 42.9%, oklch(74.49% 0.0242 217.31) 44.4%, oklch(74.97% 0.0244 217.85) 46.0%, oklch(75.32% 0.0246 218.51) 47.6%, oklch(75.54% 0.0247 219.28) 49.2%, oklch(75.61% 0.0249 220.20) 50.8%, oklch(75.53% 0.0250 221.28) 52.4%, oklch(75.33% 0.0251 222.54) 54.0%, oklch(75.00% 0.0252 223.96) 55.6%, oklch(74.55% 0.0253 225.52) 57.1%, oklch(73.99% 0.0254 227.22) 58.7%, oklch(73.34% 0.0255 229.05) 60.3%, oklch(72.59% 0.0255 230.98) 61.9%, oklch(71.76% 0.0256 233.01) 63.5%, oklch(70.85% 0.0257 235.14) 65.1%, oklch(69.87% 0.0257 237.33) 66.7%, oklch(68.84% 0.0258 239.59) 68.3%, oklch(67.76% 0.0258 241.91) 69.8%, oklch(66.63% 0.0259 244.26) 71.4%, oklch(65.47% 0.0259 246.64) 73.0%, oklch(64.28% 0.0259 249.04) 74.6%, oklch(63.07% 0.0259 251.44) 76.2%, oklch(61.85% 0.0260 253.84) 77.8%, oklch(60.64% 0.0260 256.21) 79.4%, oklch(59.43% 0.0260 258.56) 81.0%, oklch(58.23% 0.0260 260.86) 82.5%, oklch(57.06% 0.0260 263.11) 84.1%, oklch(55.92% 0.0260 265.29) 85.7%, oklch(54.82% 0.0261 267.39) 87.3%, oklch(53.76% 0.0261 269.40) 88.9%, oklch(52.77% 0.0261 271.31) 90.5%, oklch(51.83% 0.0261 273.11) 92.1%, oklch(50.97% 0.0261 274.77) 93.7%, oklch(50.19% 0.0261 276.31) 95.2%, oklch(49.50% 0.0261 277.69) 96.8%, oklch(48.91% 0.0262 278.91) 98.4%, oklch(48.43% 0.0262 279.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.018 | 222.9 |
| 2 | 0.756 | 0.025 | 219.7 |
| 3 | 0.484 | 0.026 | 280 |

## In these collections

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

## Other forms

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