# Near-black snow gum blue hour

Monochrome black, gray and blue linear gradient with 32 colors: #211d1c, #25201e, #2a231f, #302721, #362c23, #3c3225, #413828, #463f2e, #4c4634, #524e3c, #585545, #5e5d4d, #636455, #676b5d, #697366, #6b796f, #6d7f7a, #6f8483, #71898c, #728c94, #708e9c, #6d90a4, #6991ac, #6492b2, #5f91b8, #5b8fbd, #568cbf, #4f87c1, #4881c1, #417cc1, #3b77c0, #3873c0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black, gray and blue linear gradient
- Seed: `kYPAQarIrFkCIw3Oi0v0J_DcaxQS`
- Page: https://grabient.com/kYPAQarIrFkCIw3Oi0v0J_DcaxQS?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.9 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 | `#211d1c` | `oklch(23.62% 0.0055 37.27)` | Umbra | white, 16.6 to 1 |
| 2 | `#25201e` | `oklch(24.77% 0.0083 42.43)` | Eye Patch | white, 16.1 to 1 |
| 3 | `#2a231f` | `oklch(26.31% 0.0124 49.72)` | Orka Black | white, 15.4 to 1 |
| 4 | `#302721` | `oklch(28.15% 0.0171 58.30)` | Wood Bark | white, 14.5 to 1 |
| 5 | `#362c23` | `oklch(30.20% 0.0218 67.34)` | Coffee Bean | white, 13.5 to 1 |
| 6 | `#3c3225` | `oklch(32.38% 0.0259 76.03)` | Creole | white, 12.5 to 1 |
| 7 | `#413828` | `oklch(34.60% 0.0286 83.53)` | Birch | white, 11.4 to 1 |
| 8 | `#463f2e` | `oklch(36.89% 0.0296 89.00)` | Flirtatious Indigo Tea | white, 10.4 to 1 |
| 9 | `#4c4634` | `oklch(39.44% 0.0291 92.57)` | Limonite Brown | white, 9.4 to 1 |
| 10 | `#524e3c` | `oklch(42.12% 0.0277 95.38)` | Panda | white, 8.4 to 1 |
| 11 | `#585545` | `oklch(44.84% 0.0260 98.55)` | Olive Smudge | white, 7.4 to 1 |
| 12 | `#5e5d4d` | `oklch(47.47% 0.0244 103.22)` | Slick Green | white, 6.6 to 1 |
| 13 | `#636455` | `oklch(49.90% 0.0235 110.51)` | Nevergreen | white, 5.9 to 1 |
| 14 | `#676b5d` | `oklch(52.08% 0.0234 121.69)` | Nature’s Gate | white, 5.4 to 1 |
| 15 | `#697366` | `oklch(54.20% 0.0231 137.26)` | Heritage Park | white, 4.9 to 1 |
| 16 | `#6b796f` | `oklch(56.23% 0.0229 155.54)` | Camping Trip | black, 4.6 to 1 |
| 17 | `#6d7f7a` | `oklch(58.10% 0.0233 174.72)` | Sabiasagi Blue | black, 4.9 to 1 |
| 18 | `#6f8483` | `oklch(59.75% 0.0247 193.01)` | Trooper | black, 5.3 to 1 |
| 19 | `#71898c` | `oklch(61.14% 0.0276 208.57)` | Twilight Stroll | black, 5.6 to 1 |
| 20 | `#728c94` | `oklch(62.20% 0.0326 219.83)` | Shaker Blue | black, 5.8 to 1 |
| 21 | `#708e9c` | `oklch(62.99% 0.0399 227.78)` | Smoky Azurite | black, 6 to 1 |
| 22 | `#6d90a4` | `oklch(63.54% 0.0490 233.41)` | French Court | black, 6.2 to 1 |
| 23 | `#6991ac` | `oklch(63.84% 0.0591 237.39)` | Treasure Map Waters | black, 6.2 to 1 |
| 24 | `#6492b2` | `oklch(63.90% 0.0695 240.40)` | Empire Blue | black, 6.2 to 1 |
| 25 | `#5f91b8` | `oklch(63.71% 0.0796 243.08)` | Scuba | black, 6.2 to 1 |
| 26 | `#5b8fbd` | `oklch(63.27% 0.0885 246.08)` | Cliff Blue | black, 6.1 to 1 |
| 27 | `#568cbf` | `oklch(62.34% 0.0974 248.85)` | Danube | black, 5.8 to 1 |
| 28 | `#4f87c1` | `oklch(60.97% 0.1065 251.03)` | Sea Salt Rivers | black, 5.5 to 1 |
| 29 | `#4881c1` | `oklch(59.39% 0.1153 252.73)` | Worn Denim | black, 5.1 to 1 |
| 30 | `#417cc1` | `oklch(57.80% 0.1233 254.06)` | Tufts Blue | black, 4.8 to 1 |
| 31 | `#3b77c0` | `oklch(56.44% 0.1301 255.12)` | Windows Blue | white, 4.5 to 1 |
| 32 | `#3873c0` | `oklch(55.51% 0.1350 256.01)` | Palace Blue | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(270deg, #211d1c 0.0%, #25201e 3.2%, #2a231f 6.5%, #302721 9.7%, #362c23 12.9%, #3c3225 16.1%, #413828 19.4%, #463f2e 22.6%, #4c4634 25.8%, #524e3c 29.0%, #585545 32.3%, #5e5d4d 35.5%, #636455 38.7%, #676b5d 41.9%, #697366 45.2%, #6b796f 48.4%, #6d7f7a 51.6%, #6f8483 54.8%, #71898c 58.1%, #728c94 61.3%, #708e9c 64.5%, #6d90a4 67.7%, #6991ac 71.0%, #6492b2 74.2%, #5f91b8 77.4%, #5b8fbd 80.6%, #568cbf 83.9%, #4f87c1 87.1%, #4881c1 90.3%, #417cc1 93.5%, #3b77c0 96.8%, #3873c0 100.0%);
background: linear-gradient(270deg in oklch, oklch(23.62% 0.0055 37.27) 0.0%, oklch(24.77% 0.0083 42.43) 3.2%, oklch(26.31% 0.0124 49.72) 6.5%, oklch(28.15% 0.0171 58.30) 9.7%, oklch(30.20% 0.0218 67.34) 12.9%, oklch(32.38% 0.0259 76.03) 16.1%, oklch(34.60% 0.0286 83.53) 19.4%, oklch(36.89% 0.0296 89.00) 22.6%, oklch(39.44% 0.0291 92.57) 25.8%, oklch(42.12% 0.0277 95.38) 29.0%, oklch(44.84% 0.0260 98.55) 32.3%, oklch(47.47% 0.0244 103.22) 35.5%, oklch(49.90% 0.0235 110.51) 38.7%, oklch(52.08% 0.0234 121.69) 41.9%, oklch(54.20% 0.0231 137.26) 45.2%, oklch(56.23% 0.0229 155.54) 48.4%, oklch(58.10% 0.0233 174.72) 51.6%, oklch(59.75% 0.0247 193.01) 54.8%, oklch(61.14% 0.0276 208.57) 58.1%, oklch(62.20% 0.0326 219.83) 61.3%, oklch(62.99% 0.0399 227.78) 64.5%, oklch(63.54% 0.0490 233.41) 67.7%, oklch(63.84% 0.0591 237.39) 71.0%, oklch(63.90% 0.0695 240.40) 74.2%, oklch(63.71% 0.0796 243.08) 77.4%, oklch(63.27% 0.0885 246.08) 80.6%, oklch(62.34% 0.0974 248.85) 83.9%, oklch(60.97% 0.1065 251.03) 87.1%, oklch(59.39% 0.1153 252.73) 90.3%, oklch(57.80% 0.1233 254.06) 93.5%, oklch(56.44% 0.1301 255.12) 96.8%, oklch(55.51% 0.1350 256.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.006 | 37.3 |
| 2 | 0.35 | 0.029 | 84.8 |
| 3 | 0.508 | 0.023 | 114.4 |
| 4 | 0.618 | 0.03 | 215.9 |
| 5 | 0.634 | 0.087 | 245.4 |
| 6 | 0.555 | 0.135 | 256 |

## In these collections

- [Snow gum blue hour](https://grabient.com/snow-gum-blue-hour)

## Other forms

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