# Evergreen Shadow Christmas Bands

These 3 vertical bands move through near-black brown, vivid green, and muted sage. The separated colors provide clear roles for backgrounds, headings, borders, icons, and small accents while preserving the collection's visual character. Use them for posters, packaging, editorial layouts, presentation graphics, or interface elements that need a coordinated palette with practical contrast.

- Also called: Black, green and gray linear swatches
- Seed: `kSKxo0Uj7I9wQvs`
- Page: https://grabient.com/kSKxo0Uj7I9wQvs?style=linearSwatches&steps=3
- Drawn as: linear swatches, 3 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#180c00` | `oklch(16.93% 0.0358 73.13)` | Balsamico | white, 19.1 to 1 |
| 2 | `#1da94f` | `oklch(64.57% 0.1722 149.21)` | Liberty Green | black, 6.8 to 1 |
| 3 | `#98ad92` | `oklch(72.44% 0.0455 139.70)` | Hidden Glade | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #180c00 0.000% 33.333%, #1da94f 33.333% 66.667%, #98ad92 66.667% 100.000%);
background: linear-gradient(90deg, oklch(16.93% 0.0358 73.13) 0.000% 33.333%, oklch(64.57% 0.1722 149.21) 33.333% 66.667%, oklch(72.44% 0.0455 139.70) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.036 | 73.1 |
| 2 | 0.646 | 0.172 | 149.2 |
| 3 | 0.724 | 0.045 | 139.7 |

## In these collections

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

## Other forms

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