# Bronze snow gum blue hour

The Bronze snow gum blue hour brings together orange, teal, blue, and dark gray. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is teal.

- Also called: Complementary brown, gray and navy linear gradient
- Seed: `kUYCMi0olPbmVyQnhr4g`
- Page: https://grabient.com/kUYCMi0olPbmVyQnhr4g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, muted, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#573a2b` | `oklch(37.80% 0.0482 48.52)` | Tuk Tuk | white, 10.2 to 1 |
| 2 | `#5a402e` | `oklch(39.55% 0.0466 56.25)` | Pitch Mary Brown | white, 9.5 to 1 |
| 3 | `#5e4933` | `oklch(42.05% 0.0443 66.44)` | Beauty Spot | white, 8.5 to 1 |
| 4 | `#62533b` | `oklch(45.10% 0.0414 78.59)` | Crossbow | white, 7.4 to 1 |
| 5 | `#675f46` | `oklch(48.49% 0.0382 92.19)` | Gator Tail | white, 6.3 to 1 |
| 6 | `#6b6b53` | `oklch(52.02% 0.0349 106.73)` | Spruce Woods | white, 5.4 to 1 |
| 7 | `#707662` | `oklch(55.49% 0.0317 121.72)` | Mouse Tail | white, 4.7 to 1 |
| 8 | `#758170` | `oklch(58.71% 0.0289 136.65)` | Ellis Mist | black, 5.1 to 1 |
| 9 | `#79897d` | `oklch(61.46% 0.0266 151.02)` | Brassica | black, 5.7 to 1 |
| 10 | `#7d9087` | `oklch(63.55% 0.0252 164.33)` | Lily Pad Pond | black, 6.2 to 1 |
| 11 | `#7f948e` | `oklch(64.78% 0.0247 176.07)` | Scarborough | black, 6.5 to 1 |
| 12 | `#7e9591` | `oklch(65.00% 0.0255 186.23)` | Subtle Turquoise | black, 6.5 to 1 |
| 13 | `#7a9393` | `oklch(64.38% 0.0279 196.06)` | Classic Damask | black, 6.4 to 1 |
| 14 | `#748f93` | `oklch(63.07% 0.0315 205.56)` | Baritone | black, 6 to 1 |
| 15 | `#6c8a91` | `oklch(61.21% 0.0358 214.64)` | Blue Shoal | black, 5.6 to 1 |
| 16 | `#63838f` | `oklch(58.94% 0.0407 223.19)` | Play Me a Melody | black, 5.1 to 1 |
| 17 | `#5a7b8c` | `oklch(56.41% 0.0456 231.11)` | Providence | black, 4.6 to 1 |
| 18 | `#527388` | `oklch(53.76% 0.0503 238.30)` | Inky Blue | white, 5 to 1 |
| 19 | `#4c6a84` | `oklch(51.12% 0.0543 244.65)` | Wedgewood | white, 5.6 to 1 |
| 20 | `#46627f` | `oklch(48.65% 0.0574 250.06)` | Stellar | white, 6.3 to 1 |
| 21 | `#425b7a` | `oklch(46.48% 0.0591 254.42)` | Newburyport | white, 6.9 to 1 |
| 22 | `#405675` | `oklch(44.73% 0.0590 257.60)` | Champlain Blue | white, 7.5 to 1 |
| 23 | `#3d5170` | `oklch(43.07% 0.0573 259.18)` | Blue Flag | white, 8 to 1 |
| 24 | `#3a4c69` | `oklch(41.42% 0.0542 259.28)` | Deep Royal | white, 8.6 to 1 |
| 25 | `#364862` | `oklch(39.80% 0.0501 258.21)` | Garnet Stone Blue | white, 9.2 to 1 |
| 26 | `#33445b` | `oklch(38.22% 0.0452 256.24)` | Moonlit Ocean | white, 9.9 to 1 |
| 27 | `#304054` | `oklch(36.71% 0.0398 253.66)` | Waterhen Back | white, 10.5 to 1 |
| 28 | `#2e3d4d` | `oklch(35.31% 0.0344 250.77)` | Pitch Cobalt | white, 11.1 to 1 |
| 29 | `#2c3a47` | `oklch(34.02% 0.0292 247.86)` | Ship’s Officer | white, 11.7 to 1 |
| 30 | `#2b3741` | `oklch(32.87% 0.0245 245.22)` | Anchorman | white, 12.2 to 1 |
| 31 | `#2a343c` | `oklch(31.89% 0.0206 243.14)` | Dracula Orchid | white, 12.6 to 1 |
| 32 | `#293239` | `oklch(31.10% 0.0179 241.90)` | Nightmare Fuel | white, 13 to 1 |

## CSS

```css
background: linear-gradient(45deg, #573a2b 0.0%, #5a402e 3.2%, #5e4933 6.5%, #62533b 9.7%, #675f46 12.9%, #6b6b53 16.1%, #707662 19.4%, #758170 22.6%, #79897d 25.8%, #7d9087 29.0%, #7f948e 32.3%, #7e9591 35.5%, #7a9393 38.7%, #748f93 41.9%, #6c8a91 45.2%, #63838f 48.4%, #5a7b8c 51.6%, #527388 54.8%, #4c6a84 58.1%, #46627f 61.3%, #425b7a 64.5%, #405675 67.7%, #3d5170 71.0%, #3a4c69 74.2%, #364862 77.4%, #33445b 80.6%, #304054 83.9%, #2e3d4d 87.1%, #2c3a47 90.3%, #2b3741 93.5%, #2a343c 96.8%, #293239 100.0%);
background: linear-gradient(45deg in oklch, oklch(37.80% 0.0482 48.52) 0.0%, oklch(39.55% 0.0466 56.25) 3.2%, oklch(42.05% 0.0443 66.44) 6.5%, oklch(45.10% 0.0414 78.59) 9.7%, oklch(48.49% 0.0382 92.19) 12.9%, oklch(52.02% 0.0349 106.73) 16.1%, oklch(55.49% 0.0317 121.72) 19.4%, oklch(58.71% 0.0289 136.65) 22.6%, oklch(61.46% 0.0266 151.02) 25.8%, oklch(63.55% 0.0252 164.33) 29.0%, oklch(64.78% 0.0247 176.07) 32.3%, oklch(65.00% 0.0255 186.23) 35.5%, oklch(64.38% 0.0279 196.06) 38.7%, oklch(63.07% 0.0315 205.56) 41.9%, oklch(61.21% 0.0358 214.64) 45.2%, oklch(58.94% 0.0407 223.19) 48.4%, oklch(56.41% 0.0456 231.11) 51.6%, oklch(53.76% 0.0503 238.30) 54.8%, oklch(51.12% 0.0543 244.65) 58.1%, oklch(48.65% 0.0574 250.06) 61.3%, oklch(46.48% 0.0591 254.42) 64.5%, oklch(44.73% 0.0590 257.60) 67.7%, oklch(43.07% 0.0573 259.18) 71.0%, oklch(41.42% 0.0542 259.28) 74.2%, oklch(39.80% 0.0501 258.21) 77.4%, oklch(38.22% 0.0452 256.24) 80.6%, oklch(36.71% 0.0398 253.66) 83.9%, oklch(35.31% 0.0344 250.77) 87.1%, oklch(34.02% 0.0292 247.86) 90.3%, oklch(32.87% 0.0245 245.22) 93.5%, oklch(31.89% 0.0206 243.14) 96.8%, oklch(31.10% 0.0179 241.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.048 | 48.5 |
| 2 | 0.65 | 0.025 | 179.6 |
| 3 | 0.453 | 0.059 | 256.7 |
| 4 | 0.311 | 0.018 | 241.9 |

## In these collections

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

## Other forms

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