# Muted lime violet bands

Olive and purple linear swatches with 13 colors: #b0b45e, #afae65, #aca56f, #ab9b74, #ac8f77, #a8837e, #a17985, #9c6e88, #99618c, #945590, #8d4a92, #873f91, #823890. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Olive and purple linear swatches
- Seed: `kWvlBPWBS9M6TNXFKjxvLg-4`
- Page: https://grabient.com/kWvlBPWBS9M6TNXFKjxvLg-4?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.2 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 | `#b0b45e` | `oklch(74.80% 0.1102 111.09)` | Green Me | black, 9.5 to 1 |
| 2 | `#afae65` | `oklch(73.45% 0.0945 107.49)` | Palm | black, 9 to 1 |
| 3 | `#aca56f` | `oklch(71.48% 0.0727 101.31)` | Crack Willow | black, 8.3 to 1 |
| 4 | `#ab9b74` | `oklch(69.29% 0.0565 87.85)` | Brussels Sprouts | black, 7.6 to 1 |
| 5 | `#ac8f77` | `oklch(66.94% 0.0489 60.92)` | Bakery Brown | black, 6.9 to 1 |
| 6 | `#a8837e` | `oklch(64.38% 0.0469 26.71)` | Muse | black, 6.2 to 1 |
| 7 | `#a17985` | `oklch(61.81% 0.0524 359.08)` | Dusky Orchid | black, 5.5 to 1 |
| 8 | `#9c6e88` | `oklch(59.29% 0.0694 344.05)` | Pink Jazz | black, 4.9 to 1 |
| 9 | `#99618c` | `oklch(56.77% 0.0940 335.59)` | Raspberry Jelly Red | white, 4.7 to 1 |
| 10 | `#945590` | `oklch(54.33% 0.1157 329.49)` | Àn Zǐ Purple | white, 5.3 to 1 |
| 11 | `#8d4a92` | `oklch(51.79% 0.1319 324.79)` | Cosmic Berry | white, 5.9 to 1 |
| 12 | `#873f91` | `oklch(49.34% 0.1452 322.44)` | Dahlia | white, 6.6 to 1 |
| 13 | `#823890` | `oklch(47.64% 0.1543 321.04)` | Dull Violet | white, 7.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b0b45e 0.000% 7.692%, #afae65 7.692% 15.385%, #aca56f 15.385% 23.077%, #ab9b74 23.077% 30.769%, #ac8f77 30.769% 38.462%, #a8837e 38.462% 46.154%, #a17985 46.154% 53.846%, #9c6e88 53.846% 61.538%, #99618c 61.538% 69.231%, #945590 69.231% 76.923%, #8d4a92 76.923% 84.615%, #873f91 84.615% 92.308%, #823890 92.308% 100.000%);
background: linear-gradient(90deg, oklch(74.80% 0.1102 111.09) 0.000% 7.692%, oklch(73.45% 0.0945 107.49) 7.692% 15.385%, oklch(71.48% 0.0727 101.31) 15.385% 23.077%, oklch(69.29% 0.0565 87.85) 23.077% 30.769%, oklch(66.94% 0.0489 60.92) 30.769% 38.462%, oklch(64.38% 0.0469 26.71) 38.462% 46.154%, oklch(61.81% 0.0524 359.08) 46.154% 53.846%, oklch(59.29% 0.0694 344.05) 53.846% 61.538%, oklch(56.77% 0.0940 335.59) 61.538% 69.231%, oklch(54.33% 0.1157 329.49) 69.231% 76.923%, oklch(51.79% 0.1319 324.79) 76.923% 84.615%, oklch(49.34% 0.1452 322.44) 84.615% 92.308%, oklch(47.64% 0.1543 321.04) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.11 | 111.1 |
| 2 | 0.693 | 0.056 | 87.8 |
| 3 | 0.618 | 0.052 | -0.9 |
| 4 | 0.543 | 0.116 | -30.5 |
| 5 | 0.476 | 0.154 | -39 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)
- [Witchy color palette](https://grabient.com/witchy-color-palette)

## Other forms

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