# Periwinkle muted violet bands

Muted analogous blue and purple linear swatches with 13 colors: #675fb7, #6863b3, #6b68ad, #6f6ca7, #726ea4, #746ba3, #7864a4, #7c5da4, #8159a5, #865ba9, #8c5fb0, #9165b7, #9469bc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted analogous blue and purple linear swatches
- Seed: `kUiGHKx55AMSsQlML7_g`
- Page: https://grabient.com/kUiGHKx55AMSsQlML7_g?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: even lightness, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#675fb7` | `oklch(53.54% 0.1337 284.77)` | Blue Marguerite | white, 5.3 to 1 |
| 2 | `#6863b3` | `oklch(54.16% 0.1224 284.72)` | Bluish Purple Anemone | white, 5.2 to 1 |
| 3 | `#6b68ad` | `oklch(55.07% 0.1058 284.57)` | Mediaeval | white, 4.9 to 1 |
| 4 | `#6f6ca7` | `oklch(55.91% 0.0903 285.04)` | Jacaranda Jazz | white, 4.7 to 1 |
| 5 | `#726ea4` | `oklch(56.30% 0.0827 286.88)` | Toy Mauve | white, 4.7 to 1 |
| 6 | `#746ba3` | `oklch(55.87% 0.0867 291.11)` | Toy Mauve | white, 4.8 to 1 |
| 7 | `#7864a4` | `oklch(54.92% 0.0982 297.05)` | Purple Paradise | white, 5 to 1 |
| 8 | `#7c5da4` | `oklch(54.07% 0.1115 302.93)` | Genestealer Purple | white, 5.2 to 1 |
| 9 | `#8159a5` | `oklch(53.94% 0.1213 306.96)` | Highlighter Lavender | white, 5.3 to 1 |
| 10 | `#865ba9` | `oklch(54.97% 0.1259 308.37)` | Highlighter Lavender | white, 5.1 to 1 |
| 11 | `#8c5fb0` | `oklch(56.74% 0.1285 308.21)` | Lusty Lavender | white, 4.7 to 1 |
| 12 | `#9165b7` | `oklch(58.59% 0.1299 307.43)` | Lusty Lavender | black, 4.7 to 1 |
| 13 | `#9469bc` | `oklch(59.84% 0.1309 306.96)` | Viola | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #675fb7 0.000% 7.692%, #6863b3 7.692% 15.385%, #6b68ad 15.385% 23.077%, #6f6ca7 23.077% 30.769%, #726ea4 30.769% 38.462%, #746ba3 38.462% 46.154%, #7864a4 46.154% 53.846%, #7c5da4 53.846% 61.538%, #8159a5 61.538% 69.231%, #865ba9 69.231% 76.923%, #8c5fb0 76.923% 84.615%, #9165b7 84.615% 92.308%, #9469bc 92.308% 100.000%);
background: linear-gradient(90deg, oklch(53.54% 0.1337 284.77) 0.000% 7.692%, oklch(54.16% 0.1224 284.72) 7.692% 15.385%, oklch(55.07% 0.1058 284.57) 15.385% 23.077%, oklch(55.91% 0.0903 285.04) 23.077% 30.769%, oklch(56.30% 0.0827 286.88) 30.769% 38.462%, oklch(55.87% 0.0867 291.11) 38.462% 46.154%, oklch(54.92% 0.0982 297.05) 46.154% 53.846%, oklch(54.07% 0.1115 302.93) 53.846% 61.538%, oklch(53.94% 0.1213 306.96) 61.538% 69.231%, oklch(54.97% 0.1259 308.37) 69.231% 76.923%, oklch(56.74% 0.1285 308.21) 76.923% 84.615%, oklch(58.59% 0.1299 307.43) 84.615% 92.308%, oklch(59.84% 0.1309 306.96) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.535 | 0.134 | 284.8 |
| 2 | 0.563 | 0.083 | 286.9 |
| 3 | 0.539 | 0.121 | 307 |
| 4 | 0.598 | 0.131 | 307 |

## In these collections

- [Lavender swatches](https://grabient.com/lavender-swatches)

## Other forms

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