# Embers through the Fir Trees

The Bronze and forest green amber beer hall brings together orange, red, magenta, and green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is magenta, and its lightest tone is orange.

- Also called: Orange, red, gray and green angular gradient
- Seed: `kYkm0gQLg-TYtPgvjbvNo6scMrvS`
- Page: https://grabient.com/kYkm0gQLg-TYtPgvjbvNo6scMrvS?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.2 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 | `#be551c` | `oklch(57.48% 0.1502 45.00)` | Titian Red | white, 4.6 to 1 |
| 2 | `#bc521d` | `oklch(56.80% 0.1510 43.59)` | Taisha Brown | white, 4.7 to 1 |
| 3 | `#bb4e1d` | `oklch(55.87% 0.1524 41.66)` | Gold Flame | white, 4.9 to 1 |
| 4 | `#b8491f` | `oklch(54.77% 0.1540 39.37)` | Orange Wood | white, 5.2 to 1 |
| 5 | `#b54321` | `oklch(53.55% 0.1552 36.85)` | Martian Ironcrust | white, 5.5 to 1 |
| 6 | `#b13e23` | `oklch(52.28% 0.1556 34.26)` | Bricky Brick | white, 5.8 to 1 |
| 7 | `#ad3926` | `oklch(51.03% 0.1547 31.74)` | Rooibos Tea | white, 6.1 to 1 |
| 8 | `#a83529` | `oklch(49.77% 0.1525 29.46)` | Sweet Brown | white, 6.5 to 1 |
| 9 | `#a2322b` | `oklch(48.41% 0.1497 27.38)` | Jaipur | white, 6.9 to 1 |
| 10 | `#9c2e2d` | `oklch(46.98% 0.1461 25.31)` | Dorset Naga | white, 7.3 to 1 |
| 11 | `#962c2f` | `oklch(45.56% 0.1414 23.03)` | Guardsman Red | white, 7.8 to 1 |
| 12 | `#8f2a32` | `oklch(44.20% 0.1354 20.32)` | Ancient Red | white, 8.2 to 1 |
| 13 | `#882a36` | `oklch(42.97% 0.1276 16.97)` | Shiraz | white, 8.6 to 1 |
| 14 | `#802b3a` | `oklch(41.86% 0.1175 13.34)` | Bicyclette | white, 9 to 1 |
| 15 | `#772d3c` | `oklch(40.71% 0.1034 10.97)` | Mesa Ridge | white, 9.4 to 1 |
| 16 | `#6d303d` | `oklch(39.61% 0.0870 8.77)` | Chestnut Red | white, 9.8 to 1 |
| 17 | `#63333f` | `oklch(38.64% 0.0702 5.32)` | Power Tie | white, 10.1 to 1 |
| 18 | `#5a3541` | `oklch(37.89% 0.0546 359.24)` | Zinfandel Red | white, 10.3 to 1 |
| 19 | `#523844` | `oklch(37.46% 0.0423 349.12)` | Ritual Experience | white, 10.4 to 1 |
| 20 | `#4c3a49` | `oklch(37.45% 0.0347 333.30)` | Petunia Patty | white, 10.4 to 1 |
| 21 | `#473e4e` | `oklch(37.84% 0.0302 309.31)` | Plum Island | white, 10.1 to 1 |
| 22 | `#404253` | `oklch(38.56% 0.0282 279.67)` | Marshal Blue | white, 9.8 to 1 |
| 23 | `#3a4855` | `oklch(39.54% 0.0285 247.79)` | Bronze Blue | white, 9.3 to 1 |
| 24 | `#364e54` | `oklch(40.68% 0.0308 217.08)` | Urban Oasis | white, 8.8 to 1 |
| 25 | `#365351` | `oklch(41.91% 0.0352 190.97)` | Blue Dianne | white, 8.3 to 1 |
| 26 | `#38584e` | `oklch(43.17% 0.0414 172.78)` | Balsam Branch | white, 7.8 to 1 |
| 27 | `#395e4c` | `oklch(44.69% 0.0518 161.92)` | Amish Green | white, 7.3 to 1 |
| 28 | `#39644a` | `oklch(46.49% 0.0659 156.03)` | Poker Green | white, 6.7 to 1 |
| 29 | `#366c49` | `oklch(48.37% 0.0817 153.63)` | Chopped Chive | white, 6.1 to 1 |
| 30 | `#307349` | `oklch(50.16% 0.0973 153.22)` | Felt | white, 5.6 to 1 |
| 31 | `#287a49` | `oklch(51.68% 0.1107 153.32)` | Salem | white, 5.2 to 1 |
| 32 | `#247e47` | `oklch(52.76% 0.1199 152.44)` | Picture Book Green | white, 5 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #be551c 0.0%, #bc521d 3.2%, #bb4e1d 6.5%, #b8491f 9.7%, #b54321 12.9%, #b13e23 16.1%, #ad3926 19.4%, #a83529 22.6%, #a2322b 25.8%, #9c2e2d 29.0%, #962c2f 32.3%, #8f2a32 35.5%, #882a36 38.7%, #802b3a 41.9%, #772d3c 45.2%, #6d303d 48.4%, #63333f 51.6%, #5a3541 54.8%, #523844 58.1%, #4c3a49 61.3%, #473e4e 64.5%, #404253 67.7%, #3a4855 71.0%, #364e54 74.2%, #365351 77.4%, #38584e 80.6%, #395e4c 83.9%, #39644a 87.1%, #366c49 90.3%, #307349 93.5%, #287a49 96.8%, #247e47 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(57.48% 0.1502 45.00) 0.0%, oklch(56.80% 0.1510 43.59) 3.2%, oklch(55.87% 0.1524 41.66) 6.5%, oklch(54.77% 0.1540 39.37) 9.7%, oklch(53.55% 0.1552 36.85) 12.9%, oklch(52.28% 0.1556 34.26) 16.1%, oklch(51.03% 0.1547 31.74) 19.4%, oklch(49.77% 0.1525 29.46) 22.6%, oklch(48.41% 0.1497 27.38) 25.8%, oklch(46.98% 0.1461 25.31) 29.0%, oklch(45.56% 0.1414 23.03) 32.3%, oklch(44.20% 0.1354 20.32) 35.5%, oklch(42.97% 0.1276 16.97) 38.7%, oklch(41.86% 0.1175 13.34) 41.9%, oklch(40.71% 0.1034 10.97) 45.2%, oklch(39.61% 0.0870 8.77) 48.4%, oklch(38.64% 0.0702 5.32) 51.6%, oklch(37.89% 0.0546 359.24) 54.8%, oklch(37.46% 0.0423 349.12) 58.1%, oklch(37.45% 0.0347 333.30) 61.3%, oklch(37.84% 0.0302 309.31) 64.5%, oklch(38.56% 0.0282 279.67) 67.7%, oklch(39.54% 0.0285 247.79) 71.0%, oklch(40.68% 0.0308 217.08) 74.2%, oklch(41.91% 0.0352 190.97) 77.4%, oklch(43.17% 0.0414 172.78) 80.6%, oklch(44.69% 0.0518 161.92) 83.9%, oklch(46.49% 0.0659 156.03) 87.1%, oklch(48.37% 0.0817 153.63) 90.3%, oklch(50.16% 0.0973 153.22) 93.5%, oklch(51.68% 0.1107 153.32) 96.8%, oklch(52.76% 0.1199 152.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.15 | 45 |
| 2 | 0.508 | 0.154 | 31.3 |
| 3 | 0.425 | 0.124 | 15.4 |
| 4 | 0.374 | 0.037 | -19.5 |
| 5 | 0.429 | 0.04 | -184.3 |
| 6 | 0.528 | 0.12 | -207.6 |

## In these collections

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

## Other forms

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