# Sage, mauve and dusty blue blackberry bramble

The Sage, mauve and dusty blue blackberry bramble brings together light green, gold, orange, purple, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Beige, purple and gray linear swatches
- Seed: `kY1EJTYac9NcWu_NGbQQZ09TcJvI`
- Page: https://grabient.com/kY1EJTYac9NcWu_NGbQQZ09TcJvI?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: light to dark, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.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 | `#c5d18c` | `oklch(83.46% 0.0909 116.72)` | Spring Has Sprung | black, 12.8 to 1 |
| 2 | `#cab25f` | `oklch(76.77% 0.1075 93.47)` | Canadian Maple | black, 10 to 1 |
| 3 | `#b79173` | `oklch(68.50% 0.0620 59.65)` | Toasted | black, 7.3 to 1 |
| 4 | `#95759d` | `oklch(60.63% 0.0703 319.26)` | Diffused Orchid | black, 5.2 to 1 |
| 5 | `#6d5e90` | `oklch(51.57% 0.0799 297.07)` | Emperor Jewel | white, 5.7 to 1 |
| 6 | `#4a505f` | `oklch(43.31% 0.0262 268.54)` | Senate | white, 8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c5d18c 0.000% 16.667%, #cab25f 16.667% 33.333%, #b79173 33.333% 50.000%, #95759d 50.000% 66.667%, #6d5e90 66.667% 83.333%, #4a505f 83.333% 100.000%);
background: linear-gradient(135deg, oklch(83.46% 0.0909 116.72) 0.000% 16.667%, oklch(76.77% 0.1075 93.47) 16.667% 33.333%, oklch(68.50% 0.0620 59.65) 33.333% 50.000%, oklch(60.63% 0.0703 319.26) 50.000% 66.667%, oklch(51.57% 0.0799 297.07) 66.667% 83.333%, oklch(43.31% 0.0262 268.54) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.091 | 116.7 |
| 2 | 0.768 | 0.107 | 93.5 |
| 3 | 0.685 | 0.062 | 59.7 |
| 4 | 0.606 | 0.07 | -40.7 |
| 5 | 0.516 | 0.08 | -62.9 |
| 6 | 0.433 | 0.026 | -91.5 |

## In these collections

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

## Other forms

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