# Burgundy Evergreen Christmas Diagonal

This diagonal gradient moves through near-black burgundy, brown rose, olive, fresh green, and pale golden cream. The continuous route provides both darker and lighter areas for foreground type, silhouettes, or simple marks while keeping the collection subject visible.

- Also called: Tritone brown, green and tan linear gradient
- Seed: `kUMDQNtpc_dVGz30Gjfg`
- Page: https://grabient.com/kUMDQNtpc_dVGz30Gjfg?steps=32&angle=30
- Drawn as: linear gradient, 32 steps, 30 degrees
- Kinds: dark to light, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.4 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 | `#2c0106` | `oklch(18.90% 0.0717 18.98)` | Sepia Black | white, 18.8 to 1 |
| 2 | `#30040a` | `oklch(20.27% 0.0706 18.17)` | 3AM Breakup | white, 18.3 to 1 |
| 3 | `#34090f` | `oklch(22.03% 0.0685 16.39)` | Black Rooster | white, 17.6 to 1 |
| 4 | `#390f16` | `oklch(24.11% 0.0657 14.02)` | Dark Sienna | white, 16.7 to 1 |
| 5 | `#3e161d` | `oklch(26.45% 0.0627 11.44)` | Bruised Plum | white, 15.6 to 1 |
| 6 | `#441d25` | `oklch(28.97% 0.0598 9.04)` | Dark Mahogany | white, 14.4 to 1 |
| 7 | `#4a252d` | `oklch(31.62% 0.0574 7.18)` | New Bulgarian Rose | white, 13.2 to 1 |
| 8 | `#512c34` | `oklch(34.32% 0.0560 6.26)` | Japanese Wineberry | white, 11.9 to 1 |
| 9 | `#59333b` | `oklch(37.02% 0.0560 6.64)` | Fig | white, 10.7 to 1 |
| 10 | `#613940` | `oklch(39.64% 0.0577 8.71)` | Velvet Cape | white, 9.6 to 1 |
| 11 | `#6b3f44` | `oklch(42.13% 0.0616 12.85)` | Red Rumour | white, 8.6 to 1 |
| 12 | `#754444` | `oklch(44.46% 0.0684 19.78)` | Chianti | white, 7.8 to 1 |
| 13 | `#81483f` | `oklch(46.78% 0.0794 30.39)` | Deco Red | white, 7.1 to 1 |
| 14 | `#8c4e32` | `oklch(49.10% 0.0935 43.87)` | Rusted Earth | white, 6.4 to 1 |
| 15 | `#945518` | `oklch(51.42% 0.1099 59.33)` | Fresh Cinnamon | white, 5.8 to 1 |
| 16 | `#936300` | `oklch(53.74% 0.1130 75.83)` | Raw Sienna | white, 5.2 to 1 |
| 17 | `#8c7200` | `oklch(56.06% 0.1147 92.53)` | Vermin Brown | white, 4.6 to 1 |
| 18 | `#838000` | `oklch(58.38% 0.1262 108.47)` | Drably Olive | black, 5 to 1 |
| 19 | `#728f00` | `oklch(60.70% 0.1485 122.75)` | Canopy | black, 5.6 to 1 |
| 20 | `#559f00` | `oklch(63.03% 0.1824 134.46)` | Prairie Green | black, 6.3 to 1 |
| 21 | `#33ac30` | `oklch(65.37% 0.1927 142.69)` | Green Seduction | black, 7 to 1 |
| 22 | `#1fb545` | `oklch(67.72% 0.1941 146.58)` | Billiards Cloth | black, 7.7 to 1 |
| 23 | `#34bd4f` | `oklch(70.24% 0.1900 146.30)` | Vegan Mastermind | black, 8.5 to 1 |
| 24 | `#58c352` | `oklch(72.90% 0.1813 142.63)` | Range Land | black, 9.3 to 1 |
| 25 | `#7bc753` | `oklch(75.63% 0.1692 136.30)` | Green Flash | black, 10.1 to 1 |
| 26 | `#9ccb56` | `oklch(78.38% 0.1545 128.02)` | Two Peas in a Pod | black, 11 to 1 |
| 27 | `#b8cd5f` | `oklch(81.08% 0.1384 118.53)` | Hidden Meadow | black, 11.9 to 1 |
| 28 | `#d0d06d` | `oklch(83.65% 0.1219 108.55)` | Force of Nature | black, 12.9 to 1 |
| 29 | `#e2d37f` | `oklch(86.02% 0.1059 98.79)` | Starfruit | black, 13.8 to 1 |
| 30 | `#efd691` | `oklch(88.14% 0.0915 90.00)` | Oat Straw | black, 14.7 to 1 |
| 31 | `#f8daa1` | `oklch(89.94% 0.0798 82.88)` | Milky Maize | black, 15.4 to 1 |
| 32 | `#fdddad` | `oklch(91.34% 0.0717 78.16)` | Peach Bellini | black, 16.1 to 1 |

## CSS

```css
background: linear-gradient(30deg, #2c0106 0.0%, #30040a 3.2%, #34090f 6.5%, #390f16 9.7%, #3e161d 12.9%, #441d25 16.1%, #4a252d 19.4%, #512c34 22.6%, #59333b 25.8%, #613940 29.0%, #6b3f44 32.3%, #754444 35.5%, #81483f 38.7%, #8c4e32 41.9%, #945518 45.2%, #936300 48.4%, #8c7200 51.6%, #838000 54.8%, #728f00 58.1%, #559f00 61.3%, #33ac30 64.5%, #1fb545 67.7%, #34bd4f 71.0%, #58c352 74.2%, #7bc753 77.4%, #9ccb56 80.6%, #b8cd5f 83.9%, #d0d06d 87.1%, #e2d37f 90.3%, #efd691 93.5%, #f8daa1 96.8%, #fdddad 100.0%);
background: linear-gradient(30deg in oklch, oklch(18.90% 0.0717 18.98) 0.0%, oklch(20.27% 0.0706 18.17) 3.2%, oklch(22.03% 0.0685 16.39) 6.5%, oklch(24.11% 0.0657 14.02) 9.7%, oklch(26.45% 0.0627 11.44) 12.9%, oklch(28.97% 0.0598 9.04) 16.1%, oklch(31.62% 0.0574 7.18) 19.4%, oklch(34.32% 0.0560 6.26) 22.6%, oklch(37.02% 0.0560 6.64) 25.8%, oklch(39.64% 0.0577 8.71) 29.0%, oklch(42.13% 0.0616 12.85) 32.3%, oklch(44.46% 0.0684 19.78) 35.5%, oklch(46.78% 0.0794 30.39) 38.7%, oklch(49.10% 0.0935 43.87) 41.9%, oklch(51.42% 0.1099 59.33) 45.2%, oklch(53.74% 0.1130 75.83) 48.4%, oklch(56.06% 0.1147 92.53) 51.6%, oklch(58.38% 0.1262 108.47) 54.8%, oklch(60.70% 0.1485 122.75) 58.1%, oklch(63.03% 0.1824 134.46) 61.3%, oklch(65.37% 0.1927 142.69) 64.5%, oklch(67.72% 0.1941 146.58) 67.7%, oklch(70.24% 0.1900 146.30) 71.0%, oklch(72.90% 0.1813 142.63) 74.2%, oklch(75.63% 0.1692 136.30) 77.4%, oklch(78.38% 0.1545 128.02) 80.6%, oklch(81.08% 0.1384 118.53) 83.9%, oklch(83.65% 0.1219 108.55) 87.1%, oklch(86.02% 0.1059 98.79) 90.3%, oklch(88.14% 0.0915 90.00) 93.5%, oklch(89.94% 0.0798 82.88) 96.8%, oklch(91.34% 0.0717 78.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.072 | 19 |
| 2 | 0.429 | 0.063 | 14.8 |
| 3 | 0.669 | 0.194 | 145.8 |
| 4 | 0.913 | 0.072 | 78.2 |

## In these collections

- [Christmas gradients](https://grabient.com/christmas-gradients)

## Other forms

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