# Blue Porcelain from Shadow

Monochrome black, gray and blue linear gradient with 56 colors: #34262d, #362830, #392b33, #3c2f38, #3f333c, #433741, #463c47, #4b414d, #4f4753, #534d5a, #585361, #5d5968, #61606f, #666776, #6b6e7d, #707483, #757b8a, #798290, #7e8997, #828f9c, #8695a2, #8a9ba7, #8ea0ac, #91a5b0, #93aab3, #96aeb7, #97b1b9, #98b3bb, #98b5bd, #97b6be, #95b7be, #93b7bf, #90b6bf, #8db5be, #88b3be, #84b1bd, #7fafbc, #7aacbb, #74a9ba, #6fa5b9, #69a2b8, #649eb6, #5e9ab5, #5996b4, #5491b2, #4f8db1, #4b89b0, #4884ae, #4580ad, #427cac, #4078aa, #3e75a9, #3c71a8, #3b6fa7, #3a6ca6, #396aa6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black, gray and blue linear gradient
- Seed: `kSSRH3X4wwcInxG`
- Page: https://grabient.com/kSSRH3X4wwcInxG?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light center, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.6 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 | `#34262d` | `oklch(28.74% 0.0234 347.34)` | Smoky Charcoal | white, 14.3 to 1 |
| 2 | `#362830` | `oklch(29.69% 0.0236 344.68)` | Melanzane | white, 13.9 to 1 |
| 3 | `#392b33` | `oklch(30.84% 0.0237 341.50)` | Late Night Out | white, 13.3 to 1 |
| 4 | `#3c2f38` | `oklch(32.17% 0.0237 337.83)` | Disappearing Purple | white, 12.7 to 1 |
| 5 | `#3f333c` | `oklch(33.66% 0.0237 333.71)` | Zeus Palace | white, 12 to 1 |
| 6 | `#433741` | `oklch(35.30% 0.0237 329.21)` | Priceless Purple | white, 11.2 to 1 |
| 7 | `#463c47` | `oklch(37.08% 0.0237 324.35)` | Eclectic Purple | white, 10.5 to 1 |
| 8 | `#4b414d` | `oklch(38.96% 0.0236 319.17)` | Plum Orbit | white, 9.7 to 1 |
| 9 | `#4f4753` | `oklch(40.95% 0.0235 313.73)` | Tol Barad Grey | white, 8.9 to 1 |
| 10 | `#534d5a` | `oklch(43.01% 0.0235 308.07)` | Mulled Wine | white, 8.1 to 1 |
| 11 | `#585361` | `oklch(45.14% 0.0234 302.23)` | Black Dragon’s Cauldron | white, 7.4 to 1 |
| 12 | `#5d5968` | `oklch(47.32% 0.0234 296.25)` | Gobelin Mauve | white, 6.7 to 1 |
| 13 | `#61606f` | `oklch(49.53% 0.0234 290.17)` | Prince Royal | white, 6.1 to 1 |
| 14 | `#666776` | `oklch(51.75% 0.0235 284.05)` | London Grey | white, 5.5 to 1 |
| 15 | `#6b6e7d` | `oklch(53.97% 0.0235 277.92)` | Mountain Haze | white, 5 to 1 |
| 16 | `#707483` | `oklch(56.17% 0.0237 271.82)` | Overlook | white, 4.6 to 1 |
| 17 | `#757b8a` | `oklch(58.34% 0.0239 265.80)` | Abandoned Spaceship | black, 4.9 to 1 |
| 18 | `#798290` | `oklch(60.45% 0.0241 259.91)` | Link | black, 5.4 to 1 |
| 19 | `#7e8997` | `oklch(62.49% 0.0245 254.18)` | Window Screen | black, 5.8 to 1 |
| 20 | `#828f9c` | `oklch(64.45% 0.0249 248.66)` | London Square | black, 6.3 to 1 |
| 21 | `#8695a2` | `oklch(66.30% 0.0254 243.39)` | Supreme Grey | black, 6.8 to 1 |
| 22 | `#8a9ba7` | `oklch(68.03% 0.0260 238.42)` | Maritime Hush | black, 7.3 to 1 |
| 23 | `#8ea0ac` | `oklch(69.62% 0.0268 233.79)` | Stormy Skies | black, 7.7 to 1 |
| 24 | `#91a5b0` | `oklch(71.06% 0.0276 229.54)` | Cadet Grey | black, 8.2 to 1 |
| 25 | `#93aab3` | `oklch(72.33% 0.0286 225.72)` | Meditative | black, 8.6 to 1 |
| 26 | `#96aeb7` | `oklch(73.42% 0.0297 222.36)` | Mountain Stream | black, 8.9 to 1 |
| 27 | `#97b1b9` | `oklch(74.30% 0.0309 219.52)` | Mohair Soft Blue Grey | black, 9.2 to 1 |
| 28 | `#98b3bb` | `oklch(74.96% 0.0323 217.23)` | Blue Shell | black, 9.5 to 1 |
| 29 | `#98b5bd` | `oklch(75.38% 0.0339 215.52)` | Peaceful Blue | black, 9.6 to 1 |
| 30 | `#97b6be` | `oklch(75.60% 0.0357 214.31)` | Peaceful Blue | black, 9.7 to 1 |
| 31 | `#95b7be` | `oklch(75.62% 0.0378 213.56)` | Tahoe Blue | black, 9.7 to 1 |
| 32 | `#93b7bf` | `oklch(75.45% 0.0400 213.22)` | Tahoe Blue | black, 9.7 to 1 |
| 33 | `#90b6bf` | `oklch(75.12% 0.0425 213.28)` | Sea Angel | black, 9.6 to 1 |
| 34 | `#8db5be` | `oklch(74.64% 0.0452 213.70)` | Kitchen Blue | black, 9.4 to 1 |
| 35 | `#88b3be` | `oklch(74.01% 0.0480 214.46)` | Thistleblossom Soft Blue | black, 9.2 to 1 |
| 36 | `#84b1bd` | `oklch(73.26% 0.0510 215.52)` | Open Seas | black, 9 to 1 |
| 37 | `#7fafbc` | `oklch(72.39% 0.0541 216.85)` | Open Seas | black, 8.7 to 1 |
| 38 | `#7aacbb` | `oklch(71.42% 0.0573 218.42)` | Blue Eye Samurai | black, 8.4 to 1 |
| 39 | `#74a9ba` | `oklch(70.37% 0.0606 220.21)` | Snowboard | black, 8.1 to 1 |
| 40 | `#6fa5b9` | `oklch(69.23% 0.0639 222.18)` | Estuary Blue | black, 7.7 to 1 |
| 41 | `#69a2b8` | `oklch(68.04% 0.0673 224.31)` | Pacific Palisade | black, 7.4 to 1 |
| 42 | `#649eb6` | `oklch(66.80% 0.0707 226.56)` | Dolphin Daze | black, 7 to 1 |
| 43 | `#5e9ab5` | `oklch(65.53% 0.0741 228.90)` | Shakespeare | black, 6.7 to 1 |
| 44 | `#5996b4` | `oklch(64.23% 0.0775 231.31)` | Hush-A-Bye | black, 6.4 to 1 |
| 45 | `#5491b2` | `oklch(62.93% 0.0808 233.76)` | Vanity | black, 6 to 1 |
| 46 | `#4f8db1` | `oklch(61.64% 0.0841 236.20)` | Atlantic Gull | black, 5.7 to 1 |
| 47 | `#4b89b0` | `oklch(60.36% 0.0873 238.62)` | Tropic | black, 5.4 to 1 |
| 48 | `#4884ae` | `oklch(59.12% 0.0904 240.99)` | Ship’s Harbour | black, 5.1 to 1 |
| 49 | `#4580ad` | `oklch(57.92% 0.0933 243.27)` | Seabrook | black, 4.9 to 1 |
| 50 | `#427cac` | `oklch(56.78% 0.0961 245.44)` | Beijing Blue | black, 4.7 to 1 |
| 51 | `#4078aa` | `oklch(55.72% 0.0988 247.46)` | Field Blue | white, 4.6 to 1 |
| 52 | `#3e75a9` | `oklch(54.74% 0.1013 249.31)` | Python Blue | white, 4.8 to 1 |
| 53 | `#3c71a8` | `oklch(53.87% 0.1035 250.95)` | Flat Blue | white, 5 to 1 |
| 54 | `#3b6fa7` | `oklch(53.10% 0.1056 252.36)` | Mega Blue | white, 5.2 to 1 |
| 55 | `#3a6ca6` | `oklch(52.47% 0.1073 253.50)` | Mega Blue | white, 5.4 to 1 |
| 56 | `#396aa6` | `oklch(51.97% 0.1089 254.35)` | In the Nick | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #34262d 0.0%, #362830 1.8%, #392b33 3.6%, #3c2f38 5.5%, #3f333c 7.3%, #433741 9.1%, #463c47 10.9%, #4b414d 12.7%, #4f4753 14.5%, #534d5a 16.4%, #585361 18.2%, #5d5968 20.0%, #61606f 21.8%, #666776 23.6%, #6b6e7d 25.5%, #707483 27.3%, #757b8a 29.1%, #798290 30.9%, #7e8997 32.7%, #828f9c 34.5%, #8695a2 36.4%, #8a9ba7 38.2%, #8ea0ac 40.0%, #91a5b0 41.8%, #93aab3 43.6%, #96aeb7 45.5%, #97b1b9 47.3%, #98b3bb 49.1%, #98b5bd 50.9%, #97b6be 52.7%, #95b7be 54.5%, #93b7bf 56.4%, #90b6bf 58.2%, #8db5be 60.0%, #88b3be 61.8%, #84b1bd 63.6%, #7fafbc 65.5%, #7aacbb 67.3%, #74a9ba 69.1%, #6fa5b9 70.9%, #69a2b8 72.7%, #649eb6 74.5%, #5e9ab5 76.4%, #5996b4 78.2%, #5491b2 80.0%, #4f8db1 81.8%, #4b89b0 83.6%, #4884ae 85.5%, #4580ad 87.3%, #427cac 89.1%, #4078aa 90.9%, #3e75a9 92.7%, #3c71a8 94.5%, #3b6fa7 96.4%, #3a6ca6 98.2%, #396aa6 100.0%);
background: linear-gradient(135deg in oklch, oklch(28.74% 0.0234 347.34) 0.0%, oklch(29.69% 0.0236 344.68) 1.8%, oklch(30.84% 0.0237 341.50) 3.6%, oklch(32.17% 0.0237 337.83) 5.5%, oklch(33.66% 0.0237 333.71) 7.3%, oklch(35.30% 0.0237 329.21) 9.1%, oklch(37.08% 0.0237 324.35) 10.9%, oklch(38.96% 0.0236 319.17) 12.7%, oklch(40.95% 0.0235 313.73) 14.5%, oklch(43.01% 0.0235 308.07) 16.4%, oklch(45.14% 0.0234 302.23) 18.2%, oklch(47.32% 0.0234 296.25) 20.0%, oklch(49.53% 0.0234 290.17) 21.8%, oklch(51.75% 0.0235 284.05) 23.6%, oklch(53.97% 0.0235 277.92) 25.5%, oklch(56.17% 0.0237 271.82) 27.3%, oklch(58.34% 0.0239 265.80) 29.1%, oklch(60.45% 0.0241 259.91) 30.9%, oklch(62.49% 0.0245 254.18) 32.7%, oklch(64.45% 0.0249 248.66) 34.5%, oklch(66.30% 0.0254 243.39) 36.4%, oklch(68.03% 0.0260 238.42) 38.2%, oklch(69.62% 0.0268 233.79) 40.0%, oklch(71.06% 0.0276 229.54) 41.8%, oklch(72.33% 0.0286 225.72) 43.6%, oklch(73.42% 0.0297 222.36) 45.5%, oklch(74.30% 0.0309 219.52) 47.3%, oklch(74.96% 0.0323 217.23) 49.1%, oklch(75.38% 0.0339 215.52) 50.9%, oklch(75.60% 0.0357 214.31) 52.7%, oklch(75.62% 0.0378 213.56) 54.5%, oklch(75.45% 0.0400 213.22) 56.4%, oklch(75.12% 0.0425 213.28) 58.2%, oklch(74.64% 0.0452 213.70) 60.0%, oklch(74.01% 0.0480 214.46) 61.8%, oklch(73.26% 0.0510 215.52) 63.6%, oklch(72.39% 0.0541 216.85) 65.5%, oklch(71.42% 0.0573 218.42) 67.3%, oklch(70.37% 0.0606 220.21) 69.1%, oklch(69.23% 0.0639 222.18) 70.9%, oklch(68.04% 0.0673 224.31) 72.7%, oklch(66.80% 0.0707 226.56) 74.5%, oklch(65.53% 0.0741 228.90) 76.4%, oklch(64.23% 0.0775 231.31) 78.2%, oklch(62.93% 0.0808 233.76) 80.0%, oklch(61.64% 0.0841 236.20) 81.8%, oklch(60.36% 0.0873 238.62) 83.6%, oklch(59.12% 0.0904 240.99) 85.5%, oklch(57.92% 0.0933 243.27) 87.3%, oklch(56.78% 0.0961 245.44) 89.1%, oklch(55.72% 0.0988 247.46) 90.9%, oklch(54.74% 0.1013 249.31) 92.7%, oklch(53.87% 0.1035 250.95) 94.5%, oklch(53.10% 0.1056 252.36) 96.4%, oklch(52.47% 0.1073 253.50) 98.2%, oklch(51.97% 0.1089 254.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.023 | 347.3 |
| 2 | 0.752 | 0.033 | 216.3 |
| 3 | 0.52 | 0.109 | 254.3 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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