# Amber Moss Lantern

Tan, dark green, olive and brown linear gradient with 32 colors: #e4c564, #dac066, #cdb968, #bdb06b, #ada76c, #9e9c6d, #90926c, #848869, #7a8064, #70785d, #647054, #57684b, #4b6243, #405d3c, #365a37, #305934, #305c34, #386435, #477039, #5a7d3c, #708b3e, #869740, #9a9f40, #a8a13f, #ad9d3b, #ad9236, #a68432, #9c742e, #8e652b, #815729, #754c27, #6d4525. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, dark green, olive and brown linear gradient
- Seed: `kW01hBS4_C7Ycw3Yq7rtpo6Y`
- Page: https://grabient.com/kW01hBS4_C7Ycw3Yq7rtpo6Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- 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 | `#e4c564` | `oklch(83.07% 0.1213 91.41)` | Tasman Honey Yellow | black, 12.4 to 1 |
| 2 | `#dac066` | `oklch(81.13% 0.1141 93.41)` | Crusade King | black, 11.7 to 1 |
| 3 | `#cdb968` | `oklch(78.49% 0.1037 96.05)` | The Weight of Gold | black, 10.7 to 1 |
| 4 | `#bdb06b` | `oklch(75.34% 0.0913 99.19)` | Riesling Grape | black, 9.6 to 1 |
| 5 | `#ada76c` | `oklch(71.87% 0.0781 102.69)` | Natchez Moss | black, 8.4 to 1 |
| 6 | `#9e9c6d` | `oklch(68.30% 0.0653 106.43)` | Domain | black, 7.4 to 1 |
| 7 | `#90926c` | `oklch(64.80% 0.0543 110.25)` | Extra Mile | black, 6.5 to 1 |
| 8 | `#848869` | `oklch(61.57% 0.0461 114.04)` | Native Henna | black, 5.7 to 1 |
| 9 | `#7a8064` | `oklch(58.78% 0.0421 117.70)` | Koi Pond | black, 5.1 to 1 |
| 10 | `#70785d` | `oklch(55.86% 0.0419 122.08)` | Egyptian Nile | white, 4.6 to 1 |
| 11 | `#647054` | `oklch(52.73% 0.0446 127.20)` | Midnight Garden | white, 5.2 to 1 |
| 12 | `#57684b` | `oklch(49.63% 0.0494 132.55)` | Jalapeño Bouquet | white, 5.9 to 1 |
| 13 | `#4b6243` | `oklch(46.80% 0.0556 137.64)` | Acacia Green | white, 6.7 to 1 |
| 14 | `#405d3c` | `oklch(44.48% 0.0625 141.98)` | Turf | white, 7.4 to 1 |
| 15 | `#365a37` | `oklch(42.92% 0.0695 145.09)` | Ficus | white, 7.8 to 1 |
| 16 | `#305934` | `oklch(42.35% 0.0759 146.47)` | Parsley | white, 8 to 1 |
| 17 | `#305c34` | `oklch(43.13% 0.0812 145.67)` | Parsley | white, 7.7 to 1 |
| 18 | `#386435` | `oklch(45.82% 0.0876 142.76)` | Greenhouse | white, 6.9 to 1 |
| 19 | `#477039` | `oklch(49.92% 0.0946 138.19)` | Gully Green | white, 5.7 to 1 |
| 20 | `#5a7d3c` | `oklch(54.81% 0.1018 132.38)` | Mangrove Leaf | white, 4.7 to 1 |
| 21 | `#708b3e` | `oklch(59.85% 0.1086 125.78)` | Pesto di Rucola | black, 5.4 to 1 |
| 22 | `#869740` | `oklch(64.42% 0.1143 118.82)` | Café de Paris | black, 6.5 to 1 |
| 23 | `#9a9f40` | `oklch(67.88% 0.1182 111.93)` | Fresh Apple | black, 7.3 to 1 |
| 24 | `#a8a13f` | `oklch(69.60% 0.1199 105.55)` | Machine Green | black, 7.8 to 1 |
| 25 | `#ad9d3b` | `oklch(69.11% 0.1185 99.56)` | Golden Olive | black, 7.6 to 1 |
| 26 | `#ad9236` | `oklch(66.76% 0.1141 92.96)` | Balsam Pear | black, 6.9 to 1 |
| 27 | `#a68432` | `oklch(63.08% 0.1074 86.01)` | Cloisonné Gold | black, 5.9 to 1 |
| 28 | `#9c742e` | `oklch(58.59% 0.0994 79.05)` | Buttered Rum | black, 4.9 to 1 |
| 29 | `#8e652b` | `oklch(53.81% 0.0909 72.40)` | Tapenade | white, 5.1 to 1 |
| 30 | `#815729` | `oklch(49.25% 0.0829 66.39)` | Hot Curry | white, 6.3 to 1 |
| 31 | `#754c27` | `oklch(45.45% 0.0762 61.34)` | Chocolate Rain | white, 7.4 to 1 |
| 32 | `#6d4525` | `oklch(42.91% 0.0717 57.59)` | Bunni Brown | white, 8.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e4c564 0.0%, #dac066 3.2%, #cdb968 6.5%, #bdb06b 9.7%, #ada76c 12.9%, #9e9c6d 16.1%, #90926c 19.4%, #848869 22.6%, #7a8064 25.8%, #70785d 29.0%, #647054 32.3%, #57684b 35.5%, #4b6243 38.7%, #405d3c 41.9%, #365a37 45.2%, #305934 48.4%, #305c34 51.6%, #386435 54.8%, #477039 58.1%, #5a7d3c 61.3%, #708b3e 64.5%, #869740 67.7%, #9a9f40 71.0%, #a8a13f 74.2%, #ad9d3b 77.4%, #ad9236 80.6%, #a68432 83.9%, #9c742e 87.1%, #8e652b 90.3%, #815729 93.5%, #754c27 96.8%, #6d4525 100.0%);
background: linear-gradient(135deg in oklch, oklch(83.07% 0.1213 91.41) 0.0%, oklch(81.13% 0.1141 93.41) 3.2%, oklch(78.49% 0.1037 96.05) 6.5%, oklch(75.34% 0.0913 99.19) 9.7%, oklch(71.87% 0.0781 102.69) 12.9%, oklch(68.30% 0.0653 106.43) 16.1%, oklch(64.80% 0.0543 110.25) 19.4%, oklch(61.57% 0.0461 114.04) 22.6%, oklch(58.78% 0.0421 117.70) 25.8%, oklch(55.86% 0.0419 122.08) 29.0%, oklch(52.73% 0.0446 127.20) 32.3%, oklch(49.63% 0.0494 132.55) 35.5%, oklch(46.80% 0.0556 137.64) 38.7%, oklch(44.48% 0.0625 141.98) 41.9%, oklch(42.92% 0.0695 145.09) 45.2%, oklch(42.35% 0.0759 146.47) 48.4%, oklch(43.13% 0.0812 145.67) 51.6%, oklch(45.82% 0.0876 142.76) 54.8%, oklch(49.92% 0.0946 138.19) 58.1%, oklch(54.81% 0.1018 132.38) 61.3%, oklch(59.85% 0.1086 125.78) 64.5%, oklch(64.42% 0.1143 118.82) 67.7%, oklch(67.88% 0.1182 111.93) 71.0%, oklch(69.60% 0.1199 105.55) 74.2%, oklch(69.11% 0.1185 99.56) 77.4%, oklch(66.76% 0.1141 92.96) 80.6%, oklch(63.08% 0.1074 86.01) 83.9%, oklch(58.59% 0.0994 79.05) 87.1%, oklch(53.81% 0.0909 72.40) 90.3%, oklch(49.25% 0.0829 66.39) 93.5%, oklch(45.45% 0.0762 61.34) 96.8%, oklch(42.91% 0.0717 57.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.121 | 91.4 |
| 2 | 0.594 | 0.043 | 116.8 |
| 3 | 0.425 | 0.079 | 146.4 |
| 4 | 0.697 | 0.12 | 104.1 |
| 5 | 0.429 | 0.072 | 57.6 |

## In these collections

- [Loden wool and amber](https://grabient.com/loden-wool-and-amber)

## Other forms

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