# Mauve, dusty blue and tan blackberry bramble

The Mauve, dusty blue and tan blackberry bramble brings together magenta, blue, and orange. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is orange.

- Also called: Dark purple and brown linear swatches
- Seed: `kUXCjlxBRBz0VOVJk1Jg`
- Page: https://grabient.com/kUXCjlxBRBz0VOVJk1Jg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.5 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 | `#4c344f` | `oklch(36.22% 0.0551 322.73)` | Shadow Purple | white, 11 to 1 |
| 2 | `#836178` | `oklch(53.54% 0.0551 338.59)` | Purple Gumdrop | white, 5.3 to 1 |
| 3 | `#595a7e` | `oklch(48.03% 0.0579 282.58)` | Deep Lavender | white, 6.6 to 1 |
| 4 | `#8b7757` | `oklch(57.87% 0.0524 78.98)` | Hair Brown | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4c344f 0.000% 25.000%, #836178 25.000% 50.000%, #595a7e 50.000% 75.000%, #8b7757 75.000% 100.000%);
background: linear-gradient(90deg, oklch(36.22% 0.0551 322.73) 0.000% 25.000%, oklch(53.54% 0.0551 338.59) 25.000% 50.000%, oklch(48.03% 0.0579 282.58) 50.000% 75.000%, oklch(57.87% 0.0524 78.98) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.055 | 322.7 |
| 2 | 0.535 | 0.055 | 338.6 |
| 3 | 0.48 | 0.058 | 282.6 |
| 4 | 0.579 | 0.052 | 439 |

## In these collections

- [Blackberry bramble](https://grabient.com/blackberry-bramble)

## Other forms

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