# Deep cyan, stone and dusty blue silver The Deep cyan, stone and dusty blue silver brings together dark teal, teal, light teal, off-white, light gray, and gray. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark teal, and its lightest tone is off-white. - Also called: Navy to gray linear gradient - Seed: `kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA` - Page: https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: light center, muted, cool - Hues: monochromatic - Contrast of its darkest and lightest colors: 12.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 | `#112d35` | `oklch(27.95% 0.0372 219.37)` | Black Chasm | white, 14.4 to 1 | | 2 | `#13323b` | `oklch(29.91% 0.0403 219.44)` | Elite Teal | white, 13.5 to 1 | | 3 | `#163a44` | `oklch(32.64% 0.0449 219.57)` | Royal Neptune | white, 12.2 to 1 | | 4 | `#19434f` | `oklch(35.86% 0.0500 219.67)` | Cold and Dark | white, 10.7 to 1 | | 5 | `#1f4d5a` | `oklch(39.32% 0.0546 219.66)` | Rugged Teal | white, 9.3 to 1 | | 6 | `#255765` | `oklch(42.76% 0.0576 219.44)` | Bright Nautilus | white, 8 to 1 | | 7 | `#2e606f` | `oklch(46.13% 0.0587 218.89)` | Flowing River | white, 6.9 to 1 | | 8 | `#386b79` | `oklch(49.69% 0.0586 218.02)` | Mammoth Mountain | white, 5.9 to 1 | | 9 | `#447583` | `oklch(53.36% 0.0575 217.01)` | Silken Peacock | white, 5 to 1 | | 10 | `#50808d` | `oklch(57.04% 0.0557 216.04)` | Cape Lee | black, 4.8 to 1 | | 11 | `#5c8b96` | `oklch(60.64% 0.0533 215.31)` | Bell Blue | black, 5.5 to 1 | | 12 | `#6995a0` | `oklch(64.12% 0.0502 214.88)` | Shore Water | black, 6.3 to 1 | | 13 | `#769fa9` | `oklch(67.54% 0.0461 214.54)` | Reef Waters | black, 7.2 to 1 | | 14 | `#84a8b1` | `oklch(70.92% 0.0414 214.35)` | Equanimity | black, 8.2 to 1 | | 15 | `#92b2ba` | `oklch(74.26% 0.0363 214.40)` | Lucy Blue | black, 9.3 to 1 | | 16 | `#a0bbc2` | `oklch(77.52% 0.0313 214.80)` | French Moire | black, 10.4 to 1 | | 17 | `#aec5cb` | `oklch(80.85% 0.0265 215.63)` | Blue Spruce | black, 11.6 to 1 | | 18 | `#bed1d6` | `oklch(84.75% 0.0212 216.95)` | Windy | black, 13.2 to 1 | | 19 | `#cfdde1` | `oklch(88.73% 0.0157 218.63)` | Head in the Clouds | black, 15 to 1 | | 20 | `#dee7ea` | `oklch(92.16% 0.0107 220.50)` | Cloud Abyss | black, 16.7 to 1 | | 21 | `#e8eef0` | `oklch(94.38% 0.0070 222.40)` | Dipped in Cloudy Dreams | black, 17.8 to 1 | | 22 | `#eaeff0` | `oklch(94.79% 0.0052 224.18)` | Frosted Glass | black, 18 to 1 | | 23 | `#e6eaec` | `oklch(93.45% 0.0054 225.93)` | Blizzard | black, 17.3 to 1 | | 24 | `#dce2e4` | `oklch(90.79% 0.0071 227.71)` | Cosmic Dust | black, 15.9 to 1 | | 25 | `#cfd6da` | `oklch(87.20% 0.0096 229.54)` | White Blue | black, 14.2 to 1 | | 26 | `#c0c9ce` | `oklch(83.08% 0.0121 231.45)` | Bay of Hope | black, 12.5 to 1 | | 27 | `#b2bcc2` | `oklch(78.80% 0.0141 233.46)` | Stormy | black, 10.8 to 1 | | 28 | `#a0abb2` | `oklch(73.45% 0.0158 235.82)` | Pelican Bay | black, 8.9 to 1 | | 29 | `#8c979f` | `oklch(67.11% 0.0177 238.43)` | Raging Sea | black, 7 to 1 | | 30 | `#78848d` | `oklch(60.69% 0.0194 240.99)` | Forever Denim | black, 5.4 to 1 | | 31 | `#68747d` | `oklch(55.08% 0.0210 243.19)` | Long Lake | white, 4.8 to 1 | | 32 | `#5c6873` | `oklch(51.18% 0.0220 244.74)` | British Shorthair | white, 5.6 to 1 | ## CSS ```css background: linear-gradient(90deg, #112d35 0.0%, #13323b 3.2%, #163a44 6.5%, #19434f 9.7%, #1f4d5a 12.9%, #255765 16.1%, #2e606f 19.4%, #386b79 22.6%, #447583 25.8%, #50808d 29.0%, #5c8b96 32.3%, #6995a0 35.5%, #769fa9 38.7%, #84a8b1 41.9%, #92b2ba 45.2%, #a0bbc2 48.4%, #aec5cb 51.6%, #bed1d6 54.8%, #cfdde1 58.1%, #dee7ea 61.3%, #e8eef0 64.5%, #eaeff0 67.7%, #e6eaec 71.0%, #dce2e4 74.2%, #cfd6da 77.4%, #c0c9ce 80.6%, #b2bcc2 83.9%, #a0abb2 87.1%, #8c979f 90.3%, #78848d 93.5%, #68747d 96.8%, #5c6873 100.0%); background: linear-gradient(90deg in oklch, oklch(27.95% 0.0372 219.37) 0.0%, oklch(29.91% 0.0403 219.44) 3.2%, oklch(32.64% 0.0449 219.57) 6.5%, oklch(35.86% 0.0500 219.67) 9.7%, oklch(39.32% 0.0546 219.66) 12.9%, oklch(42.76% 0.0576 219.44) 16.1%, oklch(46.13% 0.0587 218.89) 19.4%, oklch(49.69% 0.0586 218.02) 22.6%, oklch(53.36% 0.0575 217.01) 25.8%, oklch(57.04% 0.0557 216.04) 29.0%, oklch(60.64% 0.0533 215.31) 32.3%, oklch(64.12% 0.0502 214.88) 35.5%, oklch(67.54% 0.0461 214.54) 38.7%, oklch(70.92% 0.0414 214.35) 41.9%, oklch(74.26% 0.0363 214.40) 45.2%, oklch(77.52% 0.0313 214.80) 48.4%, oklch(80.85% 0.0265 215.63) 51.6%, oklch(84.75% 0.0212 216.95) 54.8%, oklch(88.73% 0.0157 218.63) 58.1%, oklch(92.16% 0.0107 220.50) 61.3%, oklch(94.38% 0.0070 222.40) 64.5%, oklch(94.79% 0.0052 224.18) 67.7%, oklch(93.45% 0.0054 225.93) 71.0%, oklch(90.79% 0.0071 227.71) 74.2%, oklch(87.20% 0.0096 229.54) 77.4%, oklch(83.08% 0.0121 231.45) 80.6%, oklch(78.80% 0.0141 233.46) 83.9%, oklch(73.45% 0.0158 235.82) 87.1%, oklch(67.11% 0.0177 238.43) 90.3%, oklch(60.69% 0.0194 240.99) 93.5%, oklch(55.08% 0.0210 243.19) 96.8%, oklch(51.18% 0.0220 244.74) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.28 | 0.037 | 219.4 | | 2 | 0.433 | 0.058 | 219.4 | | 3 | 0.618 | 0.052 | 215.1 | | 4 | 0.791 | 0.029 | 215.1 | | 5 | 0.949 | 0.006 | 223.6 | | 6 | 0.795 | 0.014 | 233.1 | | 7 | 0.512 | 0.022 | 244.7 | ## In these collections - [Silver gradients](https://grabient.com/silver-gradients) ## Other forms - [JSON](https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA.json?steps=32) - [PNG](https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA.png?steps=32) - [SVG](https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA.svg?steps=32) - [CSS](https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA.css?steps=32) - [ASE](https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA.ase?steps=32) - [GPL](https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA.gpl?steps=32) - [GRD](https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA.grd?steps=32) - [Design tokens](https://grabient.com/kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kaRxucNxU_86TP3kir_-IJA-UFQRBCEFA) - [Guide for agents](https://grabient.com/llms.txt)