# Honey ale forest booth

Tan, dark green and brown linear gradient with 32 colors: #dab060, #d8ac5b, #d6a655, #d49f4e, #d29747, #cf8f3f, #cb8637, #c67e2e, #c07625, #b96f19, #b06907, #a46500, #946300, #836000, #725d00, #605a00, #4d5600, #3b510c, #2b4c17, #1f461b, #17401b, #153a18, #173512, #1c2f0b, #202a03, #242500, #262000, #271b00, #281700, #281403, #261105, #251006. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, dark green and brown linear gradient
- Seed: `kUxlA6ya896ibSWZjrQA`
- Page: https://grabient.com/kUxlA6ya896ibSWZjrQA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#dab060` | `oklch(77.95% 0.1102 82.27)` | Stranglethorn Ochre | black, 10.3 to 1 |
| 2 | `#d8ac5b` | `oklch(76.83% 0.1117 80.89)` | Butterscotch Bliss | black, 9.9 to 1 |
| 3 | `#d6a655` | `oklch(75.42% 0.1139 78.59)` | Plantain Chips | black, 9.4 to 1 |
| 4 | `#d49f4e` | `oklch(73.77% 0.1167 75.69)` | Saffron Robe | black, 8.8 to 1 |
| 5 | `#d29747` | `oklch(71.91% 0.1197 72.49)` | Georgian Yellow | black, 8.2 to 1 |
| 6 | `#cf8f3f` | `oklch(69.89% 0.1228 69.30)` | Hey Honey! | black, 7.6 to 1 |
| 7 | `#cb8637` | `oklch(67.74% 0.1257 66.44)` | Dixie | black, 7 to 1 |
| 8 | `#c67e2e` | `oklch(65.50% 0.1281 64.21)` | Mulberry Thorn | black, 6.4 to 1 |
| 9 | `#c07625` | `oklch(63.20% 0.1298 62.93)` | Maine Coon Orange | black, 5.8 to 1 |
| 10 | `#b96f19` | `oklch(60.90% 0.1305 62.90)` | Indocile Tiger | black, 5.3 to 1 |
| 11 | `#b06907` | `oklch(58.62% 0.1300 64.44)` | Pumpkin Spice | black, 4.8 to 1 |
| 12 | `#a46500` | `oklch(56.34% 0.1235 68.11)` | Cumin Ochre | white, 4.7 to 1 |
| 13 | `#946300` | `oklch(53.86% 0.1138 74.73)` | Raw Sienna | white, 5.1 to 1 |
| 14 | `#836000` | `oklch(51.24% 0.1052 83.61)` | Ground Earth | white, 5.7 to 1 |
| 15 | `#725d00` | `oklch(48.52% 0.0995 93.99)` | Hot Mustard | white, 6.3 to 1 |
| 16 | `#605a00` | `oklch(45.75% 0.0971 105.12)` | Brussels Sprout Green | white, 7.1 to 1 |
| 17 | `#4d5600` | `oklch(42.99% 0.0985 116.24)` | Douro | white, 7.9 to 1 |
| 18 | `#3b510c` | `oklch(40.30% 0.0955 126.57)` | Navy Green | white, 8.8 to 1 |
| 19 | `#2b4c17` | `oklch(37.73% 0.0890 135.38)` | Treetop Cathedral | white, 9.8 to 1 |
| 20 | `#1f461b` | `oklch(35.34% 0.0829 141.91)` | Pine Green | white, 10.7 to 1 |
| 21 | `#17401b` | `oklch(33.18% 0.0775 145.40)` | Queen of Trees | white, 11.7 to 1 |
| 22 | `#153a18` | `oklch(31.29% 0.0730 145.11)` | Melancholia | white, 12.6 to 1 |
| 23 | `#173512` | `oklch(29.59% 0.0687 140.83)` | Dark Serpent | white, 13.5 to 1 |
| 24 | `#1c2f0b` | `oklch(28.03% 0.0646 133.25)` | Dark Serpent | white, 14.3 to 1 |
| 25 | `#202a03` | `oklch(26.61% 0.0606 123.12)` | Lindworm Green | white, 15 to 1 |
| 26 | `#242500` | `oklch(25.34% 0.0558 111.21)` | Liquorice Root | white, 15.7 to 1 |
| 27 | `#262000` | `oklch(24.18% 0.0500 98.16)` | Liquorice Root | white, 16.3 to 1 |
| 28 | `#271b00` | `oklch(23.15% 0.0475 84.82)` | Cannon Black | white, 16.8 to 1 |
| 29 | `#281700` | `oklch(22.22% 0.0468 72.49)` | Cannon Black | white, 17.3 to 1 |
| 30 | `#281403` | `oklch(21.41% 0.0441 61.12)` | Cannon Black | white, 17.6 to 1 |
| 31 | `#261105` | `oklch(20.70% 0.0418 51.80)` | Severely Burnt Toast | white, 17.9 to 1 |
| 32 | `#251006` | `oklch(20.08% 0.0400 45.28)` | Severely Burnt Toast | white, 18.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #dab060 0.0%, #d8ac5b 3.2%, #d6a655 6.5%, #d49f4e 9.7%, #d29747 12.9%, #cf8f3f 16.1%, #cb8637 19.4%, #c67e2e 22.6%, #c07625 25.8%, #b96f19 29.0%, #b06907 32.3%, #a46500 35.5%, #946300 38.7%, #836000 41.9%, #725d00 45.2%, #605a00 48.4%, #4d5600 51.6%, #3b510c 54.8%, #2b4c17 58.1%, #1f461b 61.3%, #17401b 64.5%, #153a18 67.7%, #173512 71.0%, #1c2f0b 74.2%, #202a03 77.4%, #242500 80.6%, #262000 83.9%, #271b00 87.1%, #281700 90.3%, #281403 93.5%, #261105 96.8%, #251006 100.0%);
background: linear-gradient(90deg in oklch, oklch(77.95% 0.1102 82.27) 0.0%, oklch(76.83% 0.1117 80.89) 3.2%, oklch(75.42% 0.1139 78.59) 6.5%, oklch(73.77% 0.1167 75.69) 9.7%, oklch(71.91% 0.1197 72.49) 12.9%, oklch(69.89% 0.1228 69.30) 16.1%, oklch(67.74% 0.1257 66.44) 19.4%, oklch(65.50% 0.1281 64.21) 22.6%, oklch(63.20% 0.1298 62.93) 25.8%, oklch(60.90% 0.1305 62.90) 29.0%, oklch(58.62% 0.1300 64.44) 32.3%, oklch(56.34% 0.1235 68.11) 35.5%, oklch(53.86% 0.1138 74.73) 38.7%, oklch(51.24% 0.1052 83.61) 41.9%, oklch(48.52% 0.0995 93.99) 45.2%, oklch(45.75% 0.0971 105.12) 48.4%, oklch(42.99% 0.0985 116.24) 51.6%, oklch(40.30% 0.0955 126.57) 54.8%, oklch(37.73% 0.0890 135.38) 58.1%, oklch(35.34% 0.0829 141.91) 61.3%, oklch(33.18% 0.0775 145.40) 64.5%, oklch(31.29% 0.0730 145.11) 67.7%, oklch(29.59% 0.0687 140.83) 71.0%, oklch(28.03% 0.0646 133.25) 74.2%, oklch(26.61% 0.0606 123.12) 77.4%, oklch(25.34% 0.0558 111.21) 80.6%, oklch(24.18% 0.0500 98.16) 83.9%, oklch(23.15% 0.0475 84.82) 87.1%, oklch(22.22% 0.0468 72.49) 90.3%, oklch(21.41% 0.0441 61.12) 93.5%, oklch(20.70% 0.0418 51.80) 96.8%, oklch(20.08% 0.0400 45.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.11 | 82.3 |
| 2 | 0.579 | 0.13 | 65.4 |
| 3 | 0.319 | 0.074 | 145.7 |
| 4 | 0.201 | 0.04 | 45.3 |

## In these collections

- [Amber beer hall](https://grabient.com/amber-beer-hall)

## Other forms

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