# Mauve snow gum blue hour

The Mauve snow gum blue hour brings together magenta, light blue, and dark 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 gray, and its lightest tone is light blue.

- Also called: Purple, light blue and dark gray linear gradient
- Seed: `kUZybkyhJBWsKMonhsJg`
- Page: https://grabient.com/kUZybkyhJBWsKMonhsJg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.2 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 | `#56405a` | `oklch(40.55% 0.0524 321.33)` | Navy Cosmos | white, 9.2 to 1 |
| 2 | `#5a425d` | `oklch(41.53% 0.0523 322.52)` | Navy Cosmos | white, 8.8 to 1 |
| 3 | `#5e455f` | `oklch(42.74% 0.0523 324.73)` | Pansy Petal | white, 8.4 to 1 |
| 4 | `#634962` | `oklch(44.15% 0.0523 327.58)` | Plum Rich | white, 7.9 to 1 |
| 5 | `#684d65` | `oklch(45.74% 0.0524 330.71)` | Vicarious Violet | white, 7.4 to 1 |
| 6 | `#6f5169` | `oklch(47.48% 0.0524 333.74)` | Hibernation | white, 6.8 to 1 |
| 7 | `#75566d` | `oklch(49.35% 0.0523 336.30)` | Exotic Orchid | white, 6.3 to 1 |
| 8 | `#7b5c71` | `oklch(51.32% 0.0520 338.02)` | Chicha Morada | white, 5.8 to 1 |
| 9 | `#816177` | `oklch(53.36% 0.0516 338.54)` | Majestic Plum | white, 5.3 to 1 |
| 10 | `#87687e` | `oklch(55.45% 0.0509 337.47)` | Imaginary Mauve | white, 4.8 to 1 |
| 11 | `#8c6e85` | `oklch(57.56% 0.0500 334.46)` | Dianthus Mauve | black, 4.6 to 1 |
| 12 | `#91768e` | `oklch(59.86% 0.0487 328.92)` | Muted Berry | black, 5.1 to 1 |
| 13 | `#96809b` | `oklch(62.85% 0.0470 320.32)` | Mixed Berries | black, 5.8 to 1 |
| 14 | `#9b8ca9` | `oklch(66.34% 0.0450 309.31)` | Futuristic | black, 6.7 to 1 |
| 15 | `#a19ab7` | `oklch(70.09% 0.0427 296.59)` | Grape Gatsby | black, 7.7 to 1 |
| 16 | `#a6a8c4` | `oklch(73.87% 0.0403 282.85)` | Wisteria Light Soft Blue | black, 8.9 to 1 |
| 17 | `#abb5cf` | `oklch(77.43% 0.0378 268.80)` | Minuet | black, 10.2 to 1 |
| 18 | `#b1c1d6` | `oklch(80.54% 0.0352 255.16)` | Snow Flurries | black, 11.4 to 1 |
| 19 | `#b6cadb` | `oklch(82.96% 0.0328 242.61)` | Baby Boots | black, 12.4 to 1 |
| 20 | `#b9d0dd` | `oklch(84.46% 0.0306 231.86)` | Mudra | black, 13.1 to 1 |
| 21 | `#bad2db` | `oklch(84.79% 0.0287 223.63)` | Bahama Breezes | black, 13.2 to 1 |
| 22 | `#b7ced6` | `oklch(83.71% 0.0271 218.55)` | Elevation | black, 12.8 to 1 |
| 23 | `#afc5cb` | `oklch(80.88% 0.0256 216.19)` | Yín Sè Silver | black, 11.6 to 1 |
| 24 | `#a2b7bd` | `oklch(76.56% 0.0244 215.99)` | Languid Blue | black, 10 to 1 |
| 25 | `#92a6ab` | `oklch(71.09% 0.0232 217.51)` | Galleria Blue | black, 8.2 to 1 |
| 26 | `#819298` | `oklch(64.84% 0.0221 220.33)` | Dark Storm Cloud | black, 6.5 to 1 |
| 27 | `#6e7e84` | `oklch(58.18% 0.0212 224.04)` | Taliesin Blue | black, 4.9 to 1 |
| 28 | `#5c6a71` | `oklch(51.45% 0.0204 228.21)` | Made of Steel | white, 5.6 to 1 |
| 29 | `#4b575f` | `oklch(45.01% 0.0196 232.41)` | Flapper Dance | white, 7.3 to 1 |
| 30 | `#3c474f` | `oklch(39.24% 0.0190 236.23)` | Midnight Hour | white, 9.4 to 1 |
| 31 | `#313b42` | `oklch(34.48% 0.0184 239.24)` | Tempest in a Teapot | white, 11.4 to 1 |
| 32 | `#293239` | `oklch(31.10% 0.0179 241.01)` | Nightmare Fuel | white, 13 to 1 |

## CSS

```css
background: linear-gradient(135deg, #56405a 0.0%, #5a425d 3.2%, #5e455f 6.5%, #634962 9.7%, #684d65 12.9%, #6f5169 16.1%, #75566d 19.4%, #7b5c71 22.6%, #816177 25.8%, #87687e 29.0%, #8c6e85 32.3%, #91768e 35.5%, #96809b 38.7%, #9b8ca9 41.9%, #a19ab7 45.2%, #a6a8c4 48.4%, #abb5cf 51.6%, #b1c1d6 54.8%, #b6cadb 58.1%, #b9d0dd 61.3%, #bad2db 64.5%, #b7ced6 67.7%, #afc5cb 71.0%, #a2b7bd 74.2%, #92a6ab 77.4%, #819298 80.6%, #6e7e84 83.9%, #5c6a71 87.1%, #4b575f 90.3%, #3c474f 93.5%, #313b42 96.8%, #293239 100.0%);
background: linear-gradient(135deg in oklch, oklch(40.55% 0.0524 321.33) 0.0%, oklch(41.53% 0.0523 322.52) 3.2%, oklch(42.74% 0.0523 324.73) 6.5%, oklch(44.15% 0.0523 327.58) 9.7%, oklch(45.74% 0.0524 330.71) 12.9%, oklch(47.48% 0.0524 333.74) 16.1%, oklch(49.35% 0.0523 336.30) 19.4%, oklch(51.32% 0.0520 338.02) 22.6%, oklch(53.36% 0.0516 338.54) 25.8%, oklch(55.45% 0.0509 337.47) 29.0%, oklch(57.56% 0.0500 334.46) 32.3%, oklch(59.86% 0.0487 328.92) 35.5%, oklch(62.85% 0.0470 320.32) 38.7%, oklch(66.34% 0.0450 309.31) 41.9%, oklch(70.09% 0.0427 296.59) 45.2%, oklch(73.87% 0.0403 282.85) 48.4%, oklch(77.43% 0.0378 268.80) 51.6%, oklch(80.54% 0.0352 255.16) 54.8%, oklch(82.96% 0.0328 242.61) 58.1%, oklch(84.46% 0.0306 231.86) 61.3%, oklch(84.79% 0.0287 223.63) 64.5%, oklch(83.71% 0.0271 218.55) 67.7%, oklch(80.88% 0.0256 216.19) 71.0%, oklch(76.56% 0.0244 215.99) 74.2%, oklch(71.09% 0.0232 217.51) 77.4%, oklch(64.84% 0.0221 220.33) 80.6%, oklch(58.18% 0.0212 224.04) 83.9%, oklch(51.45% 0.0204 228.21) 87.1%, oklch(45.01% 0.0196 232.41) 90.3%, oklch(39.24% 0.0190 236.23) 93.5%, oklch(34.48% 0.0184 239.24) 96.8%, oklch(31.10% 0.0179 241.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.406 | 0.052 | 321.3 |
| 2 | 0.583 | 0.05 | 333 |
| 3 | 0.843 | 0.028 | 219.9 |
| 4 | 0.311 | 0.018 | 241 |

## In these collections

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

## Other forms

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