# Purple, lavender and magenta linear swatches

Purple, lavender and magenta linear swatches with 7 colors: #ac5086, #673ea3, #605184, #7a3d69, #b26694, #dacfef, #a4315c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYj2P2Obg5r2WQY7tEZcg24b84R4`
- Page: https://grabient.com/kYj2P2Obg5r2WQY7tEZcg24b84R4?style=linearSwatches&angle=160
- Drawn as: linear swatches, 7 steps, 160 degrees
- Kinds: monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#ac5086` | `oklch(56.30% 0.1364 345.94)` | Purple Orchid | white, 4.9 to 1 |
| 2 | `#673ea3` | `oklch(46.42% 0.1576 298.66)` | Poppy Pompadour | white, 7.5 to 1 |
| 3 | `#605184` | `oklch(47.20% 0.0829 296.82)` | Freshly Purpleized | white, 6.9 to 1 |
| 4 | `#7a3d69` | `oklch(45.15% 0.1027 338.61)` | Burnt Orchid | white, 7.8 to 1 |
| 5 | `#b26694` | `oklch(60.94% 0.1137 343.55)` | Je t’aime | black, 5.2 to 1 |
| 6 | `#dacfef` | `oklch(87.41% 0.0452 301.42)` | Plum’s the Word | black, 14.1 to 1 |
| 7 | `#a4315c` | `oklch(49.61% 0.1543 1.79)` | Tree Peony | white, 6.6 to 1 |

## CSS

```css
background: linear-gradient(160deg, #ac5086 0.000% 14.286%, #673ea3 14.286% 28.571%, #605184 28.571% 42.857%, #7a3d69 42.857% 57.143%, #b26694 57.143% 71.429%, #dacfef 71.429% 85.714%, #a4315c 85.714% 100.000%);
background: linear-gradient(160deg, oklch(56.30% 0.1364 345.94) 0.000% 14.286%, oklch(46.42% 0.1576 298.66) 14.286% 28.571%, oklch(47.20% 0.0829 296.82) 28.571% 42.857%, oklch(45.15% 0.1027 338.61) 42.857% 57.143%, oklch(60.94% 0.1137 343.55) 57.143% 71.429%, oklch(87.41% 0.0452 301.42) 71.429% 85.714%, oklch(49.61% 0.1543 1.79) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.563 | 0.136 | 345.9 |
| 2 | 0.453 | 0.154 | 293.1 |
| 3 | 0.484 | 0.061 | 306.8 |
| 4 | 0.469 | 0.143 | 360.7 |
| 5 | 0.898 | 0.037 | 297.3 |
| 6 | 0.496 | 0.154 | 361.8 |

## In these collections

- [Purple and pink swatches](https://grabient.com/purple-and-pink-swatches)

## Other forms

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