# Mulberry Wine Steps

The Crimson color palette brings together red and dark magenta. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is red.

- Also called: Analogous mauve, purple and maroon linear swatches
- Seed: `kWjUgFNSK-yWcP2upcDu6zAw`
- Page: https://grabient.com/kWjUgFNSK-yWcP2upcDu6zAw?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.8 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 | `#a35969` | `oklch(55.51% 0.0992 7.03)` | Beef Jerky | white, 5 to 1 |
| 2 | `#74334d` | `oklch(41.73% 0.0951 357.52)` | Venusian | white, 9 to 1 |
| 3 | `#481930` | `oklch(29.53% 0.0772 353.29)` | Blackberry | white, 14.3 to 1 |
| 4 | `#68223b` | `oklch(36.61% 0.1033 1.75)` | Siren | white, 11.1 to 1 |
| 5 | `#91374c` | `oklch(46.85% 0.1226 9.14)` | That’s My Jam | white, 7.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a35969 0.000% 20.000%, #74334d 20.000% 40.000%, #481930 40.000% 60.000%, #68223b 60.000% 80.000%, #91374c 80.000% 100.000%);
background: linear-gradient(90deg, oklch(55.51% 0.0992 7.03) 0.000% 20.000%, oklch(41.73% 0.0951 357.52) 20.000% 40.000%, oklch(29.53% 0.0772 353.29) 40.000% 60.000%, oklch(36.61% 0.1033 1.75) 60.000% 80.000%, oklch(46.85% 0.1226 9.14) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.099 | 7 |
| 2 | 0.417 | 0.095 | -2.5 |
| 3 | 0.295 | 0.077 | -6.7 |
| 4 | 0.366 | 0.103 | 1.7 |
| 5 | 0.469 | 0.123 | 9.1 |

## In these collections

- [Warm swatches](https://grabient.com/warm-swatches)
- [Jewel tone swatches](https://grabient.com/jewel-tone-swatches)
- [Moody swatches](https://grabient.com/moody-swatches)
- [Burgundy swatches](https://grabient.com/burgundy-swatches)

## Other forms

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