# Bronze, olive and charcoal amber beer hall

The Bronze, olive and charcoal amber beer hall brings together orange, green, and dark 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 dark gray, and its lightest tone is orange.

- Also called: Brown, orange, dark green and black linear gradient
- Seed: `kUbCsl1zRBDWWyekA7_g`
- Page: https://grabient.com/kUbCsl1zRBDWWyekA7_g?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 4.8 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 | `#68452f` | `oklch(42.52% 0.0593 52.73)` | Aloeswood | white, 8.4 to 1 |
| 2 | `#6f4930` | `oklch(44.23% 0.0648 52.96)` | Taj | white, 7.8 to 1 |
| 3 | `#7a4e32` | `oklch(46.70% 0.0727 52.84)` | Kinsusutake Brown | white, 7 to 1 |
| 4 | `#875434` | `oklch(49.73% 0.0825 52.56)` | Burnt Crust | white, 6.2 to 1 |
| 5 | `#965c36` | `oklch(53.09% 0.0933 52.28)` | Toffee Crunch | white, 5.4 to 1 |
| 6 | `#a66337` | `oklch(56.58% 0.1045 52.19)` | Clove Dye | white, 4.7 to 1 |
| 7 | `#b56b39` | `oklch(59.98% 0.1155 52.47)` | Mincemeat | black, 5.1 to 1 |
| 8 | `#c37238` | `oklch(63.08% 0.1255 53.29)` | Zest | black, 5.7 to 1 |
| 9 | `#cf7836` | `oklch(65.67% 0.1339 54.83)` | Wulfenite | black, 6.3 to 1 |
| 10 | `#d67e32` | `oklch(67.53% 0.1399 57.28)` | Yellow Mandarin | black, 6.8 to 1 |
| 11 | `#d8822a` | `oklch(68.44% 0.1431 60.80)` | Sunlounge | black, 7.1 to 1 |
| 12 | `#d48420` | `oklch(68.26% 0.1427 65.75)` | Dulce de Leche | black, 7.1 to 1 |
| 13 | `#c98512` | `oklch(67.08% 0.1393 72.55)` | Bubonic Brown | black, 6.8 to 1 |
| 14 | `#b98506` | `oklch(65.10% 0.1334 80.82)` | Letter Jacket | black, 6.4 to 1 |
| 15 | `#a5830a` | `oklch(62.50% 0.1255 90.14)` | Pestilence | black, 5.8 to 1 |
| 16 | `#8f7f18` | `oklch(59.44% 0.1162 100.06)` | Moscow Papyrus | black, 5.2 to 1 |
| 17 | `#797a24` | `oklch(56.11% 0.1060 110.15)` | Ripe Green | black, 4.6 to 1 |
| 18 | `#64732e` | `oklch(52.68% 0.0954 119.98)` | Muddy Green | white, 5.2 to 1 |
| 19 | `#526b34` | `oklch(49.33% 0.0850 129.12)` | Fig Leaf | white, 5.9 to 1 |
| 20 | `#446238` | `oklch(46.24% 0.0753 137.13)` | Lady Luck | white, 6.8 to 1 |
| 21 | `#3a5b39` | `oklch(43.57% 0.0668 143.57)` | Ficus | white, 7.6 to 1 |
| 22 | `#345539` | `oklch(41.48% 0.0599 148.06)` | Goblin | white, 8.4 to 1 |
| 23 | `#314f38` | `oklch(39.63% 0.0535 150.92)` | Moselle Green | white, 9.1 to 1 |
| 24 | `#2e4936` | `oklch(37.89% 0.0472 152.51)` | Norfolk Green | white, 9.8 to 1 |
| 25 | `#2d4434` | `oklch(36.26% 0.0411 153.04)` | Mushiao Green | white, 10.5 to 1 |
| 26 | `#2c3f31` | `oklch(34.75% 0.0353 152.76)` | Celtic | white, 11.2 to 1 |
| 27 | `#2b3b2f` | `oklch(33.36% 0.0299 151.89)` | Aimiru Brown | white, 11.8 to 1 |
| 28 | `#2a372d` | `oklch(32.10% 0.0248 150.67)` | Aimiru Brown | white, 12.5 to 1 |
| 29 | `#29332b` | `oklch(30.96% 0.0202 149.31)` | Gordons Green | white, 13 to 1 |
| 30 | `#283029` | `oklch(29.96% 0.0160 148.06)` | Melanite Black Green | white, 13.5 to 1 |
| 31 | `#282d28` | `oklch(29.08% 0.0125 147.14)` | Melanite Black Green | white, 14 to 1 |
| 32 | `#272b27` | `oklch(28.35% 0.0096 146.79)` | Bitter Liquorice | white, 14.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #68452f 0.0%, #6f4930 3.2%, #7a4e32 6.5%, #875434 9.7%, #965c36 12.9%, #a66337 16.1%, #b56b39 19.4%, #c37238 22.6%, #cf7836 25.8%, #d67e32 29.0%, #d8822a 32.3%, #d48420 35.5%, #c98512 38.7%, #b98506 41.9%, #a5830a 45.2%, #8f7f18 48.4%, #797a24 51.6%, #64732e 54.8%, #526b34 58.1%, #446238 61.3%, #3a5b39 64.5%, #345539 67.7%, #314f38 71.0%, #2e4936 74.2%, #2d4434 77.4%, #2c3f31 80.6%, #2b3b2f 83.9%, #2a372d 87.1%, #29332b 90.3%, #283029 93.5%, #282d28 96.8%, #272b27 100.0%);
background: linear-gradient(45deg in oklch, oklch(42.52% 0.0593 52.73) 0.0%, oklch(44.23% 0.0648 52.96) 3.2%, oklch(46.70% 0.0727 52.84) 6.5%, oklch(49.73% 0.0825 52.56) 9.7%, oklch(53.09% 0.0933 52.28) 12.9%, oklch(56.58% 0.1045 52.19) 16.1%, oklch(59.98% 0.1155 52.47) 19.4%, oklch(63.08% 0.1255 53.29) 22.6%, oklch(65.67% 0.1339 54.83) 25.8%, oklch(67.53% 0.1399 57.28) 29.0%, oklch(68.44% 0.1431 60.80) 32.3%, oklch(68.26% 0.1427 65.75) 35.5%, oklch(67.08% 0.1393 72.55) 38.7%, oklch(65.10% 0.1334 80.82) 41.9%, oklch(62.50% 0.1255 90.14) 45.2%, oklch(59.44% 0.1162 100.06) 48.4%, oklch(56.11% 0.1060 110.15) 51.6%, oklch(52.68% 0.0954 119.98) 54.8%, oklch(49.33% 0.0850 129.12) 58.1%, oklch(46.24% 0.0753 137.13) 61.3%, oklch(43.57% 0.0668 143.57) 64.5%, oklch(41.48% 0.0599 148.06) 67.7%, oklch(39.63% 0.0535 150.92) 71.0%, oklch(37.89% 0.0472 152.51) 74.2%, oklch(36.26% 0.0411 153.04) 77.4%, oklch(34.75% 0.0353 152.76) 80.6%, oklch(33.36% 0.0299 151.89) 83.9%, oklch(32.10% 0.0248 150.67) 87.1%, oklch(30.96% 0.0202 149.31) 90.3%, oklch(29.96% 0.0160 148.06) 93.5%, oklch(29.08% 0.0125 147.14) 96.8%, oklch(28.35% 0.0096 146.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.059 | 52.7 |
| 2 | 0.685 | 0.143 | 62.2 |
| 3 | 0.421 | 0.062 | 146.8 |
| 4 | 0.283 | 0.01 | 146.8 |

## In these collections

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

## Other forms

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