# Deep Wine Deep Teal Passage

These four diagonal bands move from deep wine through brick red, brass gold, and finish in deep teal. Use the rich darks and contrasting accents for mask graphics, costume planning, invitations, or candlelit event decor. The separated colors give backgrounds, lettering, trim, and small decorative details distinct roles in a dramatic composition.

- Also called: Purple, red, brown and teal linear swatches
- Seed: `kUUUv0wDVFc8oRezGEtA`
- Page: https://grabient.com/kUUUv0wDVFc8oRezGEtA?style=linearSwatches&steps=4&angle=245
- Drawn as: linear swatches, 4 steps, 245 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#54173f` | `oklch(31.89% 0.1033 343.83)` | Violet Carmine | white, 13.3 to 1 |
| 2 | `#a83b2c` | `oklch(50.39% 0.1461 30.33)` | Sweet Brown | white, 6.3 to 1 |
| 3 | `#a97f2c` | `oklch(62.20% 0.1102 81.05)` | Burnt Honey | black, 5.7 to 1 |
| 4 | `#145448` | `oklch(40.16% 0.0661 177.21)` | Breathe Deeply | white, 8.8 to 1 |

## CSS

```css
background: linear-gradient(245deg, #54173f 0.000% 25.000%, #a83b2c 25.000% 50.000%, #a97f2c 50.000% 75.000%, #145448 75.000% 100.000%);
background: linear-gradient(245deg, oklch(31.89% 0.1033 343.83) 0.000% 25.000%, oklch(50.39% 0.1461 30.33) 25.000% 50.000%, oklch(62.20% 0.1102 81.05) 50.000% 75.000%, oklch(40.16% 0.0661 177.21) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.103 | 343.8 |
| 2 | 0.504 | 0.146 | 390.3 |
| 3 | 0.622 | 0.11 | 441 |
| 4 | 0.402 | 0.066 | 537.2 |

## In these collections

- [Masquerade swatches](https://grabient.com/masquerade-swatches)

## Other forms

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