# Burgundy emerald gold

Maroon, dark green, orange and beige linear gradient with 32 colors: #51001e, #550014, #570300, #4d1c00, #462600, #402d00, #3a3300, #323a00, #244204, #16491c, #0c4e29, #0b5431, #145c35, #236435, #356c31, #4b7328, #637a18, #7c7f00, #928300, #a78700, #b98b00, #c7900f, #d1962b, #d89d41, #dea554, #e2ad66, #e5b677, #e7bd87, #e8c496, #e9cba2, #ebd0ad, #ecd4b5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Maroon, dark green, orange and beige linear gradient
- Seed: `kUR14FsKDRVazN1wEj8A`
- Page: https://grabient.com/kUR14FsKDRVazN1wEj8A?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#51001e` | `oklch(27.98% 0.1121 7.83)` | Fig Balsamic | white, 15.2 to 1 |
| 2 | `#550014` | `oklch(28.48% 0.1140 17.18)` | Saving Light | white, 15 to 1 |
| 3 | `#570300` | `oklch(29.00% 0.1161 30.05)` | Soooo Bloody | white, 14.7 to 1 |
| 4 | `#4d1c00` | `oklch(29.59% 0.0832 45.99)` | Chocolate Rush | white, 14.2 to 1 |
| 5 | `#462600` | `oklch(30.27% 0.0686 63.80)` | Ibex Brown | white, 13.7 to 1 |
| 6 | `#402d00` | `oklch(31.06% 0.0639 82.48)` | Hidden Passage | white, 13.2 to 1 |
| 7 | `#3a3300` | `oklch(31.99% 0.0667 101.01)` | Hidden Passage | white, 12.6 to 1 |
| 8 | `#323a00` | `oklch(33.07% 0.0772 118.35)` | Dark Olive | white, 11.9 to 1 |
| 9 | `#244204` | `oklch(34.34% 0.0932 133.43)` | Forest Green | white, 11.2 to 1 |
| 10 | `#16491c` | `oklch(35.83% 0.0906 145.36)` | Pine Green | white, 10.5 to 1 |
| 11 | `#0c4e29` | `oklch(37.56% 0.0895 153.13)` | Troll Green | white, 9.7 to 1 |
| 12 | `#0b5431` | `oklch(39.58% 0.0906 156.00)` | Permanent Green | white, 8.9 to 1 |
| 13 | `#145c35` | `oklch(42.01% 0.0942 154.62)` | Crusoe | white, 8 to 1 |
| 14 | `#236435` | `oklch(44.76% 0.0998 149.80)` | Swampland | white, 7.1 to 1 |
| 15 | `#356c31` | `oklch(47.75% 0.1067 142.32)` | Radical Green | white, 6.3 to 1 |
| 16 | `#4b7328` | `oklch(50.92% 0.1144 132.96)` | Loren Forest | white, 5.5 to 1 |
| 17 | `#637a18` | `oklch(54.16% 0.1221 122.48)` | Topiary Green | white, 4.8 to 1 |
| 18 | `#7c7f00` | `oklch(57.42% 0.1268 111.67)` | Drably Olive | black, 4.8 to 1 |
| 19 | `#928300` | `oklch(60.60% 0.1266 101.29)` | Thicket Green | black, 5.4 to 1 |
| 20 | `#a78700` | `oklch(63.63% 0.1302 92.14)` | Golden Palm | black, 6.1 to 1 |
| 21 | `#b98b00` | `oklch(66.42% 0.1361 84.98)` | Loden Yellow | black, 6.7 to 1 |
| 22 | `#c7900f` | `oklch(68.92% 0.1397 80.47)` | Festering Brown | black, 7.4 to 1 |
| 23 | `#d1962b` | `oklch(71.33% 0.1351 77.49)` | Golden Pheasant | black, 8.1 to 1 |
| 24 | `#d89d41` | `oklch(73.71% 0.1278 75.46)` | Golden Hamster | black, 8.8 to 1 |
| 25 | `#dea554` | `oklch(76.02% 0.1185 74.21)` | Golden Tiger | black, 9.6 to 1 |
| 26 | `#e2ad66` | `oklch(78.25% 0.1078 73.60)` | Caramel Essence | black, 10.4 to 1 |
| 27 | `#e5b677` | `oklch(80.36% 0.0963 73.45)` | Pyramid Gold | black, 11.2 to 1 |
| 28 | `#e7bd87` | `oklch(82.33% 0.0847 73.63)` | Bourbon Spice | black, 12 to 1 |
| 29 | `#e8c496` | `oklch(84.12% 0.0736 73.96)` | Electrum | black, 12.8 to 1 |
| 30 | `#e9cba2` | `oklch(85.72% 0.0636 74.29)` | Cream Snap | black, 13.5 to 1 |
| 31 | `#ebd0ad` | `oklch(87.08% 0.0554 74.46)` | Chai | black, 14.1 to 1 |
| 32 | `#ecd4b5` | `oklch(88.19% 0.0496 74.31)` | Sugared Pears | black, 14.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #51001e 0.0%, #550014 3.2%, #570300 6.5%, #4d1c00 9.7%, #462600 12.9%, #402d00 16.1%, #3a3300 19.4%, #323a00 22.6%, #244204 25.8%, #16491c 29.0%, #0c4e29 32.3%, #0b5431 35.5%, #145c35 38.7%, #236435 41.9%, #356c31 45.2%, #4b7328 48.4%, #637a18 51.6%, #7c7f00 54.8%, #928300 58.1%, #a78700 61.3%, #b98b00 64.5%, #c7900f 67.7%, #d1962b 71.0%, #d89d41 74.2%, #dea554 77.4%, #e2ad66 80.6%, #e5b677 83.9%, #e7bd87 87.1%, #e8c496 90.3%, #e9cba2 93.5%, #ebd0ad 96.8%, #ecd4b5 100.0%);
background: linear-gradient(45deg in oklch, oklch(27.98% 0.1121 7.83) 0.0%, oklch(28.48% 0.1140 17.18) 3.2%, oklch(29.00% 0.1161 30.05) 6.5%, oklch(29.59% 0.0832 45.99) 9.7%, oklch(30.27% 0.0686 63.80) 12.9%, oklch(31.06% 0.0639 82.48) 16.1%, oklch(31.99% 0.0667 101.01) 19.4%, oklch(33.07% 0.0772 118.35) 22.6%, oklch(34.34% 0.0932 133.43) 25.8%, oklch(35.83% 0.0906 145.36) 29.0%, oklch(37.56% 0.0895 153.13) 32.3%, oklch(39.58% 0.0906 156.00) 35.5%, oklch(42.01% 0.0942 154.62) 38.7%, oklch(44.76% 0.0998 149.80) 41.9%, oklch(47.75% 0.1067 142.32) 45.2%, oklch(50.92% 0.1144 132.96) 48.4%, oklch(54.16% 0.1221 122.48) 51.6%, oklch(57.42% 0.1268 111.67) 54.8%, oklch(60.60% 0.1266 101.29) 58.1%, oklch(63.63% 0.1302 92.14) 61.3%, oklch(66.42% 0.1361 84.98) 64.5%, oklch(68.92% 0.1397 80.47) 67.7%, oklch(71.33% 0.1351 77.49) 71.0%, oklch(73.71% 0.1278 75.46) 74.2%, oklch(76.02% 0.1185 74.21) 77.4%, oklch(78.25% 0.1078 73.60) 80.6%, oklch(80.36% 0.0963 73.45) 83.9%, oklch(82.33% 0.0847 73.63) 87.1%, oklch(84.12% 0.0736 73.96) 90.3%, oklch(85.72% 0.0636 74.29) 93.5%, oklch(87.08% 0.0554 74.46) 96.8%, oklch(88.19% 0.0496 74.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.13 | 7.7 |
| 2 | 0.382 | 0.09 | 154.6 |
| 3 | 0.681 | 0.141 | 81.7 |
| 4 | 0.882 | 0.05 | 74.3 |

## In these collections

- [Burgundy and gold](https://grabient.com/burgundy-and-gold)

## Other forms

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