# Berry plum diagonal bands

Tritone brown, magenta and purple linear swatches with 10 colors: #915b3e, #9c4637, #a32b3e, #a61242, #a3004a, #9c0153, #91005d, #830166, #751e71, #692e76. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone brown, magenta and purple linear swatches
- Seed: `kYhTwiPba8btDvq4wb6ND-97SvPa`
- Page: https://grabient.com/kYhTwiPba8btDvq4wb6ND-97SvPa?style=linearSwatches&steps=10&angle=30
- Drawn as: linear swatches, 10 steps, 30 degrees
- Kinds: even lightness, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.7 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 | `#915b3e` | `oklch(52.36% 0.0827 47.81)` | Spiced Cider | white, 5.5 to 1 |
| 2 | `#9c4637` | `oklch(50.26% 0.1187 31.69)` | Burnt Earth | white, 6.2 to 1 |
| 3 | `#a32b3e` | `oklch(48.12% 0.1558 16.22)` | Radish | white, 7 to 1 |
| 4 | `#a61242` | `oklch(47.04% 0.1783 10.55)` | Grated Beet | white, 7.5 to 1 |
| 5 | `#a3004a` | `oklch(46.06% 0.1850 5.26)` | Cherry Plum | white, 7.8 to 1 |
| 6 | `#9c0153` | `oklch(45.03% 0.1825 358.99)` | Vertigo Cherry | white, 8.2 to 1 |
| 7 | `#91005d` | `oklch(43.29% 0.1800 350.87)` | Cardinal Pink | white, 8.8 to 1 |
| 8 | `#830166` | `oklch(41.17% 0.1774 341.12)` | Grapest | white, 9.6 to 1 |
| 9 | `#751e71` | `oklch(40.87% 0.1550 329.77)` | Pure Purple | white, 9.6 to 1 |
| 10 | `#692e76` | `oklch(41.34% 0.1295 320.10)` | Galactic Grapevine | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(30deg, #915b3e 0.000% 10.000%, #9c4637 10.000% 20.000%, #a32b3e 20.000% 30.000%, #a61242 30.000% 40.000%, #a3004a 40.000% 50.000%, #9c0153 50.000% 60.000%, #91005d 60.000% 70.000%, #830166 70.000% 80.000%, #751e71 80.000% 90.000%, #692e76 90.000% 100.000%);
background: linear-gradient(30deg, oklch(52.36% 0.0827 47.81) 0.000% 10.000%, oklch(50.26% 0.1187 31.69) 10.000% 20.000%, oklch(48.12% 0.1558 16.22) 20.000% 30.000%, oklch(47.04% 0.1783 10.55) 30.000% 40.000%, oklch(46.06% 0.1850 5.26) 40.000% 50.000%, oklch(45.03% 0.1825 358.99) 50.000% 60.000%, oklch(43.29% 0.1800 350.87) 60.000% 70.000%, oklch(41.17% 0.1774 341.12) 70.000% 80.000%, oklch(40.87% 0.1550 329.77) 80.000% 90.000%, oklch(41.34% 0.1295 320.10) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.083 | 47.8 |
| 2 | 0.484 | 0.15 | 18.2 |
| 3 | 0.465 | 0.186 | 7.7 |
| 4 | 0.445 | 0.181 | -4 |
| 5 | 0.409 | 0.175 | -20.9 |
| 6 | 0.413 | 0.13 | -39.9 |

## In these collections

- [Orchid colors](https://grabient.com/orchid-colors)
- [Magenta color palette](https://grabient.com/magenta-color-palette)

## Other forms

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