# Moss and tan loden wool and amber

The Moss and tan loden wool and amber brings together light green, orange, and gray. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is light green.

- Also called: Analogous green to brown linear gradient
- Seed: `kWyTpV3yI8VAjvW8m76Lgg-Y`
- Page: https://grabient.com/kWyTpV3yI8VAjvW8m76Lgg-Y?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.7 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 | `#b4c389` | `oklch(79.13% 0.0799 120.23)` | Jitterbug | black, 11.1 to 1 |
| 2 | `#b5c286` | `oklch(78.84% 0.0811 117.71)` | Everglade Glen | black, 10.9 to 1 |
| 3 | `#b8c082` | `oklch(78.51% 0.0827 114.27)` | Dried Caspia | black, 10.8 to 1 |
| 4 | `#babd7d` | `oklch(78.12% 0.0847 110.16)` | Early Harvest | black, 10.6 to 1 |
| 5 | `#beba78` | `oklch(77.64% 0.0868 105.66)` | Liminal Yellow | black, 10.4 to 1 |
| 6 | `#c0b773` | `oklch(77.07% 0.0890 101.01)` | Liminal Yellow | black, 10.2 to 1 |
| 7 | `#c3b36e` | `oklch(76.37% 0.0910 96.47)` | Champagne Grape | black, 9.9 to 1 |
| 8 | `#c4ae69` | `oklch(75.54% 0.0927 92.31)` | Champagne Grape | black, 9.6 to 1 |
| 9 | `#c5aa64` | `oklch(74.54% 0.0940 88.76)` | Laser | black, 9.2 to 1 |
| 10 | `#c4a560` | `oklch(73.36% 0.0952 85.54)` | Spring Roll | black, 8.8 to 1 |
| 11 | `#c29f5b` | `oklch(72.03% 0.0964 82.47)` | Camel | black, 8.4 to 1 |
| 12 | `#c09956` | `oklch(70.56% 0.0975 79.57)` | Amaretto Sour | black, 7.9 to 1 |
| 13 | `#be9351` | `oklch(68.99% 0.0983 76.82)` | Maple Syrup | black, 7.4 to 1 |
| 14 | `#ba8d4d` | `oklch(67.33% 0.0988 74.23)` | Barista’s Favourite | black, 7 to 1 |
| 15 | `#b78748` | `oklch(65.61% 0.0988 71.80)` | Holiday Waffle | black, 6.5 to 1 |
| 16 | `#b28045` | `oklch(63.87% 0.0983 69.53)` | Amber Romance | black, 6 to 1 |
| 17 | `#ad7b42` | `oklch(62.09% 0.0972 67.44)` | Vintage Lincoln | black, 5.6 to 1 |
| 18 | `#a8743e` | `oklch(60.18% 0.0957 65.62)` | Muskelmannbraun | black, 5.2 to 1 |
| 19 | `#a16e3b` | `oklch(58.16% 0.0938 64.04)` | Eagle | black, 4.8 to 1 |
| 20 | `#9b6838` | `oklch(56.08% 0.0914 62.62)` | Woodgrain | white, 4.7 to 1 |
| 21 | `#946235` | `oklch(53.98% 0.0886 61.29)` | Oregon Hazel | white, 5.1 to 1 |
| 22 | `#8c5c32` | `oklch(51.91% 0.0853 60.00)` | Carrageen Moss | white, 5.6 to 1 |
| 23 | `#855731` | `oklch(49.93% 0.0814 58.66)` | Football | white, 6.1 to 1 |
| 24 | `#7f5230` | `oklch(48.08% 0.0770 57.22)` | Brazilian Brown | white, 6.6 to 1 |
| 25 | `#784e30` | `oklch(46.33% 0.0716 55.59)` | Chocolate Bells | white, 7.1 to 1 |
| 26 | `#704a31` | `oklch(44.57% 0.0647 53.79)` | Taj | white, 7.7 to 1 |
| 27 | `#684632` | `oklch(42.83% 0.0569 51.89)` | Buckeye | white, 8.3 to 1 |
| 28 | `#614333` | `oklch(41.17% 0.0486 50.00)` | Boston Brown Bread | white, 8.9 to 1 |
| 29 | `#594034` | `oklch(39.63% 0.0404 48.18)` | Cordwood | white, 9.4 to 1 |
| 30 | `#523e34` | `oklch(38.26% 0.0329 46.55)` | Obsidian Brown | white, 10 to 1 |
| 31 | `#4c3c34` | `oklch(37.11% 0.0266 45.17)` | Slate Black | white, 10.4 to 1 |
| 32 | `#483a34` | `oklch(36.22% 0.0220 44.15)` | Delicioso | white, 10.8 to 1 |

## CSS

```css
background: linear-gradient(270deg, #b4c389 0.0%, #b5c286 3.2%, #b8c082 6.5%, #babd7d 9.7%, #beba78 12.9%, #c0b773 16.1%, #c3b36e 19.4%, #c4ae69 22.6%, #c5aa64 25.8%, #c4a560 29.0%, #c29f5b 32.3%, #c09956 35.5%, #be9351 38.7%, #ba8d4d 41.9%, #b78748 45.2%, #b28045 48.4%, #ad7b42 51.6%, #a8743e 54.8%, #a16e3b 58.1%, #9b6838 61.3%, #946235 64.5%, #8c5c32 67.7%, #855731 71.0%, #7f5230 74.2%, #784e30 77.4%, #704a31 80.6%, #684632 83.9%, #614333 87.1%, #594034 90.3%, #523e34 93.5%, #4c3c34 96.8%, #483a34 100.0%);
background: linear-gradient(270deg in oklch, oklch(79.13% 0.0799 120.23) 0.0%, oklch(78.84% 0.0811 117.71) 3.2%, oklch(78.51% 0.0827 114.27) 6.5%, oklch(78.12% 0.0847 110.16) 9.7%, oklch(77.64% 0.0868 105.66) 12.9%, oklch(77.07% 0.0890 101.01) 16.1%, oklch(76.37% 0.0910 96.47) 19.4%, oklch(75.54% 0.0927 92.31) 22.6%, oklch(74.54% 0.0940 88.76) 25.8%, oklch(73.36% 0.0952 85.54) 29.0%, oklch(72.03% 0.0964 82.47) 32.3%, oklch(70.56% 0.0975 79.57) 35.5%, oklch(68.99% 0.0983 76.82) 38.7%, oklch(67.33% 0.0988 74.23) 41.9%, oklch(65.61% 0.0988 71.80) 45.2%, oklch(63.87% 0.0983 69.53) 48.4%, oklch(62.09% 0.0972 67.44) 51.6%, oklch(60.18% 0.0957 65.62) 54.8%, oklch(58.16% 0.0938 64.04) 58.1%, oklch(56.08% 0.0914 62.62) 61.3%, oklch(53.98% 0.0886 61.29) 64.5%, oklch(51.91% 0.0853 60.00) 67.7%, oklch(49.93% 0.0814 58.66) 71.0%, oklch(48.08% 0.0770 57.22) 74.2%, oklch(46.33% 0.0716 55.59) 77.4%, oklch(44.57% 0.0647 53.79) 80.6%, oklch(42.83% 0.0569 51.89) 83.9%, oklch(41.17% 0.0486 50.00) 87.1%, oklch(39.63% 0.0404 48.18) 90.3%, oklch(38.26% 0.0329 46.55) 93.5%, oklch(37.11% 0.0266 45.17) 96.8%, oklch(36.22% 0.0220 44.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.08 | 120.2 |
| 2 | 0.748 | 0.094 | 89.6 |
| 3 | 0.63 | 0.098 | 68.5 |
| 4 | 0.476 | 0.076 | 56.8 |
| 5 | 0.362 | 0.022 | 44.1 |

## In these collections

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

## Other forms

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