# Pink violet diagonal bands

Analogous pink and purple linear swatches with 10 colors: #fe6fa1, #ff76a4, #ff7ca7, #ff79a9, #fe71ac, #ee66b0, #ce59b0, #ae51b3, #8b50b7, #7050b5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous pink and purple linear swatches
- Seed: `kWuYMA3zu_9vDPxMPz0Qbg74`
- Page: https://grabient.com/kWuYMA3zu_9vDPxMPz0Qbg74?style=linearSwatches&steps=10&angle=30
- Drawn as: linear swatches, 10 steps, 30 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.4 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 | `#fe6fa1` | `oklch(72.83% 0.1805 0.70)` | French Pink | black, 8 to 1 |
| 2 | `#ff76a4` | `oklch(73.83% 0.1723 1.11)` | Pico-8 Pink | black, 8.3 to 1 |
| 3 | `#ff7ca7` | `oklch(74.78% 0.1643 1.03)` | Pink Makeup | black, 8.6 to 1 |
| 4 | `#ff79a9` | `oklch(74.58% 0.1689 359.41)` | Pico-8 Pink | black, 8.5 to 1 |
| 5 | `#fe71ac` | `oklch(73.39% 0.1815 356.23)` | Crazy Pink | black, 8.1 to 1 |
| 6 | `#ee66b0` | `oklch(69.89% 0.1845 349.22)` | Fugitive Flamingo | black, 7.1 to 1 |
| 7 | `#ce59b0` | `oklch(63.97% 0.1791 338.43)` | Pú Táo Zǐ Purple | black, 5.6 to 1 |
| 8 | `#ae51b3` | `oklch(58.71% 0.1717 325.48)` | Orchid Dottyback | black, 4.6 to 1 |
| 9 | `#8b50b7` | `oklch(54.47% 0.1620 308.42)` | Harley Hair Purple | white, 5.3 to 1 |
| 10 | `#7050b5` | `oklch(51.57% 0.1543 295.18)` | Royal Lavender | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(30deg, #fe6fa1 0.000% 10.000%, #ff76a4 10.000% 20.000%, #ff7ca7 20.000% 30.000%, #ff79a9 30.000% 40.000%, #fe71ac 40.000% 50.000%, #ee66b0 50.000% 60.000%, #ce59b0 60.000% 70.000%, #ae51b3 70.000% 80.000%, #8b50b7 80.000% 90.000%, #7050b5 90.000% 100.000%);
background: linear-gradient(30deg, oklch(72.83% 0.1805 0.70) 0.000% 10.000%, oklch(73.83% 0.1723 1.11) 10.000% 20.000%, oklch(74.78% 0.1643 1.03) 20.000% 30.000%, oklch(74.58% 0.1689 359.41) 30.000% 40.000%, oklch(73.39% 0.1815 356.23) 40.000% 50.000%, oklch(69.89% 0.1845 349.22) 50.000% 60.000%, oklch(63.97% 0.1791 338.43) 60.000% 70.000%, oklch(58.71% 0.1717 325.48) 70.000% 80.000%, oklch(54.47% 0.1620 308.42) 80.000% 90.000%, oklch(51.57% 0.1543 295.18) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.728 | 0.181 | 0.7 |
| 2 | 0.748 | 0.164 | 0.7 |
| 3 | 0.72 | 0.185 | -6.7 |
| 4 | 0.598 | 0.174 | -31 |
| 5 | 0.516 | 0.154 | -64.8 |

## In these collections

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

## Other forms

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