# Amber walnut loden diagonal

Gray, orange, brown and olive linear gradient with 48 colors: #678372, #688570, #6a896c, #6f8c66, #778f5d, #839252, #929344, #a29235, #b28f24, #c08c16, #cc870f, #d38214, #d57d1c, #d37724, #cc712b, #c16b30, #b56532, #a75f34, #995934, #8b5334, #7e4f34, #744b33, #6c4833, #684733, #674833, #6a4b33, #6f5033, #765633, #7f5d33, #876633, #907032, #987b31, #9e8532, #a39034, #a69938, #a8a03d, #a8a544, #a8a94b, #a8ad52, #a7af59, #a6b060, #a5b167, #a5b26d, #a4b272, #a4b277, #a4b27b, #a4b27f, #a4b281. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, orange, brown and olive linear gradient
- Seed: `kWlB5w1bW0jaTvxYq8X3hlBw`
- Page: https://grabient.com/kWlB5w1bW0jaTvxYq8X3hlBw?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.6 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 | `#678372` | `oklch(58.27% 0.0413 158.20)` | Ranger Green | black, 5 to 1 |
| 2 | `#688570` | `oklch(58.83% 0.0473 153.15)` | Dark Ivy | black, 5.1 to 1 |
| 3 | `#6a896c` | `oklch(59.68% 0.0556 146.40)` | Shale Green | black, 5.3 to 1 |
| 4 | `#6f8c66` | `oklch(60.75% 0.0658 138.30)` | Kashmir | black, 5.6 to 1 |
| 5 | `#778f5d` | `oklch(61.96% 0.0772 129.19)` | Four Leaf Clover | black, 5.9 to 1 |
| 6 | `#839252` | `oklch(63.23% 0.0894 119.42)` | Pretty Maiden | black, 6.1 to 1 |
| 7 | `#929344` | `oklch(64.47% 0.1018 109.31)` | April Hills | black, 6.4 to 1 |
| 8 | `#a29235` | `oklch(65.62% 0.1137 99.23)` | Shimmering Glade | black, 6.6 to 1 |
| 9 | `#b28f24` | `oklch(66.59% 0.1247 89.50)` | Cobra Leather | black, 6.8 to 1 |
| 10 | `#c08c16` | `oklch(67.31% 0.1341 80.47)` | Auric | black, 6.9 to 1 |
| 11 | `#cc870f` | `oklch(67.69% 0.1414 72.48)` | Lobster Butter Sauce | black, 7 to 1 |
| 12 | `#d38214` | `oklch(67.66% 0.1461 65.88)` | Copious Caramel | black, 6.9 to 1 |
| 13 | `#d57d1c` | `oklch(67.13% 0.1474 60.96)` | Orange Pepper | black, 6.7 to 1 |
| 14 | `#d37724` | `oklch(65.89% 0.1452 57.19)` | Bitter Orange | black, 6.4 to 1 |
| 15 | `#cc712b` | `oklch(63.98% 0.1396 54.21)` | Mann Orange | black, 5.9 to 1 |
| 16 | `#c16b30` | `oklch(61.58% 0.1316 51.96)` | Warm Cream Spirit | black, 5.4 to 1 |
| 17 | `#b56532` | `oklch(58.82% 0.1216 50.40)` | Polished Copper | black, 4.8 to 1 |
| 18 | `#a75f34` | `oklch(55.88% 0.1104 49.46)` | Beef Hotpot | white, 4.8 to 1 |
| 19 | `#995934` | `oklch(52.90% 0.0987 49.08)` | Seared Earth | white, 5.4 to 1 |
| 20 | `#8b5334` | `oklch(50.04% 0.0870 49.22)` | Rusted Earth | white, 6.1 to 1 |
| 21 | `#7e4f34` | `oklch(47.47% 0.0761 49.81)` | Chocolate Bonbon | white, 6.8 to 1 |
| 22 | `#744b33` | `oklch(45.33% 0.0667 50.80)` | Taj | white, 7.5 to 1 |
| 23 | `#6c4833` | `oklch(43.78% 0.0594 52.13)` | Satin Soil | white, 7.9 to 1 |
| 24 | `#684733` | `oklch(42.98% 0.0548 53.75)` | Buckeye | white, 8.2 to 1 |
| 25 | `#674833` | `oklch(43.07% 0.0535 55.70)` | Buckeye | white, 8.2 to 1 |
| 26 | `#6a4b33` | `oklch(44.00% 0.0553 58.54)` | Guitar | white, 7.8 to 1 |
| 27 | `#6f5033` | `oklch(45.64% 0.0594 62.22)` | Coffee | white, 7.3 to 1 |
| 28 | `#765633` | `oklch(47.83% 0.0654 66.57)` | Cold Brew Coffee | white, 6.6 to 1 |
| 29 | `#7f5d33` | `oklch(50.45% 0.0727 71.41)` | Rubber | white, 5.9 to 1 |
| 30 | `#876633` | `oklch(53.36% 0.0809 76.57)` | Dirt Brown | white, 5.2 to 1 |
| 31 | `#907032` | `oklch(56.43% 0.0895 81.88)` | Dirt Yellow | white, 4.6 to 1 |
| 32 | `#987b31` | `oklch(59.52% 0.0979 87.16)` | Fernweh | black, 5.1 to 1 |
| 33 | `#9e8532` | `oklch(62.49% 0.1056 92.25)` | Green Sulphur | black, 5.8 to 1 |
| 34 | `#a39034` | `oklch(65.20% 0.1122 96.97)` | Gecko | black, 6.5 to 1 |
| 35 | `#a69938` | `oklch(67.53% 0.1170 101.16)` | Pestulance | black, 7.2 to 1 |
| 36 | `#a8a03d` | `oklch(69.33% 0.1196 104.63)` | Machine Green | black, 7.7 to 1 |
| 37 | `#a8a544` | `oklch(70.60% 0.1198 107.38)` | Camo Green | black, 8.1 to 1 |
| 38 | `#a8a94b` | `oklch(71.58% 0.1181 109.76)` | Olive Reserve | black, 8.4 to 1 |
| 39 | `#a8ad52` | `oklch(72.33% 0.1149 111.80)` | Spinach Banana Smoothie | black, 8.7 to 1 |
| 40 | `#a7af59` | `oklch(72.88% 0.1105 113.55)` | Cornstalk | black, 8.9 to 1 |
| 41 | `#a6b060` | `oklch(73.26% 0.1052 115.05)` | April Green | black, 9 to 1 |
| 42 | `#a5b167` | `oklch(73.50% 0.0993 116.32)` | April Green | black, 9.1 to 1 |
| 43 | `#a5b26d` | `oklch(73.64% 0.0931 117.40)` | Around the Gills | black, 9.1 to 1 |
| 44 | `#a4b272` | `oklch(73.72% 0.0870 118.33)` | Umbrella Green | black, 9.1 to 1 |
| 45 | `#a4b277` | `oklch(73.76% 0.0811 119.14)` | Serpentine | black, 9.1 to 1 |
| 46 | `#a4b27b` | `oklch(73.80% 0.0760 119.87)` | Serpentine | black, 9.2 to 1 |
| 47 | `#a4b27f` | `oklch(73.88% 0.0718 120.55)` | Fresh Guacamole | black, 9.2 to 1 |
| 48 | `#a4b281` | `oklch(74.02% 0.0689 121.22)` | Fresh Guacamole | black, 9.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #678372 0.0%, #688570 2.1%, #6a896c 4.3%, #6f8c66 6.4%, #778f5d 8.5%, #839252 10.6%, #929344 12.8%, #a29235 14.9%, #b28f24 17.0%, #c08c16 19.1%, #cc870f 21.3%, #d38214 23.4%, #d57d1c 25.5%, #d37724 27.7%, #cc712b 29.8%, #c16b30 31.9%, #b56532 34.0%, #a75f34 36.2%, #995934 38.3%, #8b5334 40.4%, #7e4f34 42.6%, #744b33 44.7%, #6c4833 46.8%, #684733 48.9%, #674833 51.1%, #6a4b33 53.2%, #6f5033 55.3%, #765633 57.4%, #7f5d33 59.6%, #876633 61.7%, #907032 63.8%, #987b31 66.0%, #9e8532 68.1%, #a39034 70.2%, #a69938 72.3%, #a8a03d 74.5%, #a8a544 76.6%, #a8a94b 78.7%, #a8ad52 80.9%, #a7af59 83.0%, #a6b060 85.1%, #a5b167 87.2%, #a5b26d 89.4%, #a4b272 91.5%, #a4b277 93.6%, #a4b27b 95.7%, #a4b27f 97.9%, #a4b281 100.0%);
background: linear-gradient(135deg in oklch, oklch(58.27% 0.0413 158.20) 0.0%, oklch(58.83% 0.0473 153.15) 2.1%, oklch(59.68% 0.0556 146.40) 4.3%, oklch(60.75% 0.0658 138.30) 6.4%, oklch(61.96% 0.0772 129.19) 8.5%, oklch(63.23% 0.0894 119.42) 10.6%, oklch(64.47% 0.1018 109.31) 12.8%, oklch(65.62% 0.1137 99.23) 14.9%, oklch(66.59% 0.1247 89.50) 17.0%, oklch(67.31% 0.1341 80.47) 19.1%, oklch(67.69% 0.1414 72.48) 21.3%, oklch(67.66% 0.1461 65.88) 23.4%, oklch(67.13% 0.1474 60.96) 25.5%, oklch(65.89% 0.1452 57.19) 27.7%, oklch(63.98% 0.1396 54.21) 29.8%, oklch(61.58% 0.1316 51.96) 31.9%, oklch(58.82% 0.1216 50.40) 34.0%, oklch(55.88% 0.1104 49.46) 36.2%, oklch(52.90% 0.0987 49.08) 38.3%, oklch(50.04% 0.0870 49.22) 40.4%, oklch(47.47% 0.0761 49.81) 42.6%, oklch(45.33% 0.0667 50.80) 44.7%, oklch(43.78% 0.0594 52.13) 46.8%, oklch(42.98% 0.0548 53.75) 48.9%, oklch(43.07% 0.0535 55.70) 51.1%, oklch(44.00% 0.0553 58.54) 53.2%, oklch(45.64% 0.0594 62.22) 55.3%, oklch(47.83% 0.0654 66.57) 57.4%, oklch(50.45% 0.0727 71.41) 59.6%, oklch(53.36% 0.0809 76.57) 61.7%, oklch(56.43% 0.0895 81.88) 63.8%, oklch(59.52% 0.0979 87.16) 66.0%, oklch(62.49% 0.1056 92.25) 68.1%, oklch(65.20% 0.1122 96.97) 70.2%, oklch(67.53% 0.1170 101.16) 72.3%, oklch(69.33% 0.1196 104.63) 74.5%, oklch(70.60% 0.1198 107.38) 76.6%, oklch(71.58% 0.1181 109.76) 78.7%, oklch(72.33% 0.1149 111.80) 80.9%, oklch(72.88% 0.1105 113.55) 83.0%, oklch(73.26% 0.1052 115.05) 85.1%, oklch(73.50% 0.0993 116.32) 87.2%, oklch(73.64% 0.0931 117.40) 89.4%, oklch(73.72% 0.0870 118.33) 91.5%, oklch(73.76% 0.0811 119.14) 93.6%, oklch(73.80% 0.0760 119.87) 95.7%, oklch(73.88% 0.0718 120.55) 97.9%, oklch(74.02% 0.0689 121.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.041 | 158.2 |
| 2 | 0.673 | 0.147 | 62 |
| 3 | 0.429 | 0.054 | 54.6 |
| 4 | 0.697 | 0.12 | 105.4 |
| 5 | 0.74 | 0.069 | 121.2 |

## In these collections

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

## Other forms

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