# Rust Mesa Afterglow

A horizontal gradient stacks midnight blue, weathered teal, khaki green, dusty red, and pale sand like distant strata under fading light. The restrained outlands colors suit fantasy landscapes, map legends, book jackets, environment concepts, and wide banners that need a mysterious horizon without bright synthetic accents.

- Also called: Navy, brown, red and tan linear gradient
- Seed: `kWSR2iwhY-0aVLDBr70YhRG4`
- Page: https://grabient.com/kWSR2iwhY-0aVLDBr70YhRG4?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.8 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 | `#132e3a` | `oklch(28.74% 0.0400 228.52)` | Oceanic Noir | white, 14.1 to 1 |
| 2 | `#173440` | `oklch(30.74% 0.0418 228.90)` | Firmament Blue | white, 13.1 to 1 |
| 3 | `#1d3b4a` | `oklch(33.57% 0.0444 230.63)` | Subterranean River | white, 11.8 to 1 |
| 4 | `#244455` | `oklch(36.95% 0.0475 232.76)` | Astronaut Blue | white, 10.3 to 1 |
| 5 | `#2c4e61` | `oklch(40.59% 0.0509 234.33)` | Shadow of Night | white, 8.8 to 1 |
| 6 | `#33586d` | `oklch(44.24% 0.0542 234.39)` | Endless Sea | white, 7.5 to 1 |
| 7 | `#396277` | `oklch(47.60% 0.0571 232.00)` | Mallard Blue | white, 6.5 to 1 |
| 8 | `#3d6c7f` | `oklch(50.40% 0.0595 226.18)` | Kimberley Sea | white, 5.7 to 1 |
| 9 | `#3d7380` | `oklch(52.38% 0.0609 215.93)` | Wild River | white, 5.2 to 1 |
| 10 | `#3f797b` | `oklch(53.74% 0.0607 199.45)` | Grand Canal | white, 4.9 to 1 |
| 11 | `#487c70` | `oklch(54.66% 0.0593 177.78)` | Turquoise Tortoise | white, 4.7 to 1 |
| 12 | `#587c62` | `oklch(55.23% 0.0573 152.83)` | Korean Mint | white, 4.6 to 1 |
| 13 | `#6b7956` | `oklch(55.52% 0.0553 126.56)` | Kariyasu Green | white, 4.6 to 1 |
| 14 | `#7a754f` | `oklch(55.62% 0.0540 100.89)` | Steel Legion Drab | white, 4.7 to 1 |
| 15 | `#85704f` | `oklch(55.59% 0.0540 77.75)` | Golden Freesia | white, 4.7 to 1 |
| 16 | `#8c6b52` | `oklch(55.53% 0.0560 59.09)` | Bean Pot | white, 4.8 to 1 |
| 17 | `#916854` | `oklch(55.41% 0.0607 46.28)` | Rio Rust | white, 4.8 to 1 |
| 18 | `#956254` | `oklch(54.77% 0.0695 37.09)` | Majolica Earthenware | white, 5 to 1 |
| 19 | `#975c51` | `oklch(53.75% 0.0811 30.70)` | Red Potato | white, 5.3 to 1 |
| 20 | `#9a544d` | `oklch(52.59% 0.0940 26.71)` | Marsala | white, 5.6 to 1 |
| 21 | `#9c4c48` | `oklch(51.52% 0.1069 24.74)` | Rembrandt Ruby | white, 5.9 to 1 |
| 22 | `#9e4643` | `oklch(50.78% 0.1183 24.42)` | Lumberjack | white, 6.1 to 1 |
| 23 | `#a1423e` | `oklch(50.62% 0.1267 25.36)` | Tomato Slices | white, 6.2 to 1 |
| 24 | `#a5433b` | `oklch(51.26% 0.1308 27.18)` | Cherry Race | white, 6 to 1 |
| 25 | `#aa4a3c` | `oklch(52.99% 0.1291 30.41)` | Wilted Brown | white, 5.6 to 1 |
| 26 | `#af573e` | `oklch(55.86% 0.1224 36.61)` | Brown Rust | white, 4.9 to 1 |
| 27 | `#b56743` | `oklch(59.51% 0.1119 44.97)` | Reynard | black, 4.9 to 1 |
| 28 | `#b97a4e` | `oklch(63.60% 0.0992 54.56)` | Cattle Drive | black, 5.9 to 1 |
| 29 | `#bd8c5e` | `oklch(67.76% 0.0858 64.47)` | Caramel Cupcake | black, 7 to 1 |
| 30 | `#bf9d70` | `oklch(71.65% 0.0730 73.78)` | Curry Sauce | black, 8.2 to 1 |
| 31 | `#c2aa81` | `oklch(74.90% 0.0623 81.57)` | Pony | black, 9.3 to 1 |
| 32 | `#c4b38d` | `oklch(77.17% 0.0551 86.91)` | Earthy Cane | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #132e3a 0.0%, #173440 3.2%, #1d3b4a 6.5%, #244455 9.7%, #2c4e61 12.9%, #33586d 16.1%, #396277 19.4%, #3d6c7f 22.6%, #3d7380 25.8%, #3f797b 29.0%, #487c70 32.3%, #587c62 35.5%, #6b7956 38.7%, #7a754f 41.9%, #85704f 45.2%, #8c6b52 48.4%, #916854 51.6%, #956254 54.8%, #975c51 58.1%, #9a544d 61.3%, #9c4c48 64.5%, #9e4643 67.7%, #a1423e 71.0%, #a5433b 74.2%, #aa4a3c 77.4%, #af573e 80.6%, #b56743 83.9%, #b97a4e 87.1%, #bd8c5e 90.3%, #bf9d70 93.5%, #c2aa81 96.8%, #c4b38d 100.0%);
background: linear-gradient(180deg in oklch, oklch(28.74% 0.0400 228.52) 0.0%, oklch(30.74% 0.0418 228.90) 3.2%, oklch(33.57% 0.0444 230.63) 6.5%, oklch(36.95% 0.0475 232.76) 9.7%, oklch(40.59% 0.0509 234.33) 12.9%, oklch(44.24% 0.0542 234.39) 16.1%, oklch(47.60% 0.0571 232.00) 19.4%, oklch(50.40% 0.0595 226.18) 22.6%, oklch(52.38% 0.0609 215.93) 25.8%, oklch(53.74% 0.0607 199.45) 29.0%, oklch(54.66% 0.0593 177.78) 32.3%, oklch(55.23% 0.0573 152.83) 35.5%, oklch(55.52% 0.0553 126.56) 38.7%, oklch(55.62% 0.0540 100.89) 41.9%, oklch(55.59% 0.0540 77.75) 45.2%, oklch(55.53% 0.0560 59.09) 48.4%, oklch(55.41% 0.0607 46.28) 51.6%, oklch(54.77% 0.0695 37.09) 54.8%, oklch(53.75% 0.0811 30.70) 58.1%, oklch(52.59% 0.0940 26.71) 61.3%, oklch(51.52% 0.1069 24.74) 64.5%, oklch(50.78% 0.1183 24.42) 67.7%, oklch(50.62% 0.1267 25.36) 71.0%, oklch(51.26% 0.1308 27.18) 74.2%, oklch(52.99% 0.1291 30.41) 77.4%, oklch(55.86% 0.1224 36.61) 80.6%, oklch(59.51% 0.1119 44.97) 83.9%, oklch(63.60% 0.0992 54.56) 87.1%, oklch(67.76% 0.0858 64.47) 90.3%, oklch(71.65% 0.0730 73.78) 93.5%, oklch(74.90% 0.0623 81.57) 96.8%, oklch(77.17% 0.0551 86.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.04 | 228.5 |
| 2 | 0.52 | 0.061 | 219 |
| 3 | 0.555 | 0.058 | 52 |
| 4 | 0.516 | 0.131 | 27.7 |
| 5 | 0.772 | 0.055 | 86.9 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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