# Aubergine Sage Outlands Horizon

A linear gradient begins in deep aubergine, crosses indigo and weathered teal, then settles into sage and pale ochre. The subdued, unfamiliar landscape colors suit fantasy maps, game environments, book covers, atmospheric posters, and interface backdrops that need a mysterious horizon with both shadowed depth and dry distant light.

- Also called: Navy to tan linear gradient
- Seed: `kUPyfTORm_lQUrdkFzoA`
- Page: https://grabient.com/kUPyfTORm_lQUrdkFzoA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 8.3 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 | `#241b38` | `oklch(24.80% 0.0537 296.72)` | Throat | white, 16.3 to 1 |
| 2 | `#271d3b` | `oklch(25.95% 0.0548 297.17)` | Throat | white, 15.7 to 1 |
| 3 | `#2b213f` | `oklch(27.41% 0.0564 298.57)` | Midnight Velvet | white, 15.1 to 1 |
| 4 | `#302444` | `oklch(29.13% 0.0582 300.52)` | Power Outage | white, 14.3 to 1 |
| 5 | `#36284a` | `oklch(31.06% 0.0603 302.61)` | Operetta Mauve | white, 13.4 to 1 |
| 6 | `#3d2d50` | `oklch(33.15% 0.0625 304.46)` | Sanctum of Shadows | white, 12.4 to 1 |
| 7 | `#443256` | `oklch(35.35% 0.0646 305.65)` | Naggaroth Night | white, 11.4 to 1 |
| 8 | `#4a385d` | `oklch(37.61% 0.0666 305.79)` | Mulberry Purple | white, 10.4 to 1 |
| 9 | `#503e65` | `oklch(39.87% 0.0683 304.48)` | Geode | white, 9.5 to 1 |
| 10 | `#54446d` | `oklch(42.09% 0.0695 301.32)` | Haunted Candelabra | white, 8.6 to 1 |
| 11 | `#564b76` | `oklch(44.21% 0.0702 295.92)` | Saffron Crocus | white, 7.8 to 1 |
| 12 | `#56527e` | `oklch(46.24% 0.0702 287.70)` | Tangent Periwinkle | white, 7.2 to 1 |
| 13 | `#545b86` | `oklch(48.34% 0.0695 276.22)` | Marlin | white, 6.5 to 1 |
| 14 | `#4f658c` | `oklch(50.50% 0.0684 262.11)` | Sea of Galilee | white, 5.8 to 1 |
| 15 | `#4a6f8f` | `oklch(52.69% 0.0668 246.05)` | Sailor’s Bay | white, 5.3 to 1 |
| 16 | `#467990` | `oklch(54.89% 0.0650 228.75)` | Jelly Bean | white, 4.7 to 1 |
| 17 | `#48828d` | `oklch(57.06% 0.0630 210.88)` | Cape Lee | black, 4.8 to 1 |
| 18 | `#4f8a88` | `oklch(59.19% 0.0611 193.14)` | Evora | black, 5.3 to 1 |
| 19 | `#5c9083` | `oklch(61.24% 0.0593 176.21)` | Chlorite | black, 5.7 to 1 |
| 20 | `#6a957e` | `oklch(63.19% 0.0579 160.80)` | Cool Bluegrass | black, 6.2 to 1 |
| 21 | `#78997c` | `oklch(65.01% 0.0569 147.57)` | Scottish Highlands | black, 6.6 to 1 |
| 22 | `#849d7b` | `oklch(66.69% 0.0564 137.13)` | Sweet Florence | black, 7 to 1 |
| 23 | `#8fa07b` | `oklch(68.28% 0.0564 128.48)` | Broccoflower | black, 7.4 to 1 |
| 24 | `#98a47c` | `oklch(69.82% 0.0568 121.12)` | Forester | black, 7.9 to 1 |
| 25 | `#a1a77e` | `oklch(71.29% 0.0574 114.88)` | Dill Grass | black, 8.3 to 1 |
| 26 | `#a9aa80` | `oklch(72.68% 0.0583 109.63)` | Brisk Olive | black, 8.7 to 1 |
| 27 | `#b0ad82` | `oklch(73.98% 0.0592 105.23)` | Water Reed | black, 9.1 to 1 |
| 28 | `#b6b084` | `oklch(75.18% 0.0603 101.51)` | Tomatillo Salsa | black, 9.5 to 1 |
| 29 | `#bcb386` | `oklch(76.26% 0.0613 98.34)` | Minced Ginger | black, 9.9 to 1 |
| 30 | `#c1b588` | `oklch(77.23% 0.0622 95.57)` | Modish Moss | black, 10.2 to 1 |
| 31 | `#c5b78a` | `oklch(78.05% 0.0629 93.06)` | Bakelite Yellow | black, 10.5 to 1 |
| 32 | `#c9b98b` | `oklch(78.74% 0.0634 90.65)` | Canvas Satchel | black, 10.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #241b38 0.0%, #271d3b 3.2%, #2b213f 6.5%, #302444 9.7%, #36284a 12.9%, #3d2d50 16.1%, #443256 19.4%, #4a385d 22.6%, #503e65 25.8%, #54446d 29.0%, #564b76 32.3%, #56527e 35.5%, #545b86 38.7%, #4f658c 41.9%, #4a6f8f 45.2%, #467990 48.4%, #48828d 51.6%, #4f8a88 54.8%, #5c9083 58.1%, #6a957e 61.3%, #78997c 64.5%, #849d7b 67.7%, #8fa07b 71.0%, #98a47c 74.2%, #a1a77e 77.4%, #a9aa80 80.6%, #b0ad82 83.9%, #b6b084 87.1%, #bcb386 90.3%, #c1b588 93.5%, #c5b78a 96.8%, #c9b98b 100.0%);
background: linear-gradient(90deg in oklch, oklch(24.80% 0.0537 296.72) 0.0%, oklch(25.95% 0.0548 297.17) 3.2%, oklch(27.41% 0.0564 298.57) 6.5%, oklch(29.13% 0.0582 300.52) 9.7%, oklch(31.06% 0.0603 302.61) 12.9%, oklch(33.15% 0.0625 304.46) 16.1%, oklch(35.35% 0.0646 305.65) 19.4%, oklch(37.61% 0.0666 305.79) 22.6%, oklch(39.87% 0.0683 304.48) 25.8%, oklch(42.09% 0.0695 301.32) 29.0%, oklch(44.21% 0.0702 295.92) 32.3%, oklch(46.24% 0.0702 287.70) 35.5%, oklch(48.34% 0.0695 276.22) 38.7%, oklch(50.50% 0.0684 262.11) 41.9%, oklch(52.69% 0.0668 246.05) 45.2%, oklch(54.89% 0.0650 228.75) 48.4%, oklch(57.06% 0.0630 210.88) 51.6%, oklch(59.19% 0.0611 193.14) 54.8%, oklch(61.24% 0.0593 176.21) 58.1%, oklch(63.19% 0.0579 160.80) 61.3%, oklch(65.01% 0.0569 147.57) 64.5%, oklch(66.69% 0.0564 137.13) 67.7%, oklch(68.28% 0.0564 128.48) 71.0%, oklch(69.82% 0.0568 121.12) 74.2%, oklch(71.29% 0.0574 114.88) 77.4%, oklch(72.68% 0.0583 109.63) 80.6%, oklch(73.98% 0.0592 105.23) 83.9%, oklch(75.18% 0.0603 101.51) 87.1%, oklch(76.26% 0.0613 98.34) 90.3%, oklch(77.23% 0.0622 95.57) 93.5%, oklch(78.05% 0.0629 93.06) 96.8%, oklch(78.74% 0.0634 90.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.054 | 296.7 |
| 2 | 0.449 | 0.07 | 293.5 |
| 3 | 0.661 | 0.056 | 140.3 |
| 4 | 0.787 | 0.063 | 90.7 |

## In these collections

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

## Other forms

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