# Analogous pink and dark purple linear swatches

Analogous pink and dark purple linear swatches with 32 colors: #bc4a87, #b94985, #b64683, #b34481, #af417e, #ab3e7b, #a73b78, #a23875, #9d3472, #98316f, #932e6b, #8e2a68, #892765, #842461, #7f215e, #7b1e5b, #761c58, #711a54, #6c1851, #66164d, #61144a, #5b1246, #551142, #500f3f, #4b0e3b, #460c38, #410b34, #3d0a31, #39092e, #35082c, #320729, #300728. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSk3T5MzM_RwdPw`
- Page: https://grabient.com/kSk3T5MzM_RwdPw?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: light to dark, vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#bc4a87` | `oklch(57.87% 0.1598 350.16)` | Nail Polish Pink | white, 4.6 to 1 |
| 2 | `#b94985` | `oklch(57.23% 0.1592 349.97)` | Orchid Ecstasy | white, 4.8 to 1 |
| 3 | `#b64683` | `oklch(56.46% 0.1586 349.75)` | Orchid Ecstasy | white, 4.9 to 1 |
| 4 | `#b34481` | `oklch(55.57% 0.1579 349.50)` | Razzle Dazzle | white, 5.1 to 1 |
| 5 | `#af417e` | `oklch(54.57% 0.1573 349.22)` | Mystic Maroon | white, 5.3 to 1 |
| 6 | `#ab3e7b` | `oklch(53.48% 0.1565 348.92)` | Pink Ballad | white, 5.6 to 1 |
| 7 | `#a73b78` | `oklch(52.32% 0.1557 348.59)` | Maximum Red Purple | white, 5.9 to 1 |
| 8 | `#a23875` | `oklch(51.10% 0.1548 348.25)` | Maximum Red Purple | white, 6.2 to 1 |
| 9 | `#9d3472` | `oklch(49.83% 0.1537 347.88)` | Amaranth Deep Purple | white, 6.5 to 1 |
| 10 | `#98316f` | `oklch(48.52% 0.1525 347.51)` | Magenta Manicure | white, 6.9 to 1 |
| 11 | `#932e6b` | `oklch(47.19% 0.1512 347.12)` | Beetiful Magenta | white, 7.3 to 1 |
| 12 | `#8e2a68` | `oklch(45.86% 0.1498 346.72)` | Beetiful Magenta | white, 7.8 to 1 |
| 13 | `#892765` | `oklch(44.53% 0.1481 346.31)` | Dark Raspberry | white, 8.2 to 1 |
| 14 | `#842461` | `oklch(43.23% 0.1462 345.90)` | Dark Raspberry | white, 8.7 to 1 |
| 15 | `#7f215e` | `oklch(41.96% 0.1441 345.49)` | Smooch | white, 9.1 to 1 |
| 16 | `#7b1e5b` | `oklch(40.74% 0.1418 345.08)` | Smooch | white, 9.6 to 1 |
| 17 | `#761c58` | `oklch(39.57% 0.1392 344.66)` | Smooch | white, 10.1 to 1 |
| 18 | `#711a54` | `oklch(38.34% 0.1361 344.21)` | Velvet | white, 10.6 to 1 |
| 19 | `#6c1851` | `oklch(37.06% 0.1325 343.72)` | Velvet | white, 11.1 to 1 |
| 20 | `#66164d` | `oklch(35.74% 0.1285 343.20)` | Grape Purple | white, 11.7 to 1 |
| 21 | `#61144a` | `oklch(34.39% 0.1242 342.66)` | Grape Purple | white, 12.3 to 1 |
| 22 | `#5b1246` | `oklch(33.02% 0.1196 342.10)` | Violet Carmine | white, 12.9 to 1 |
| 23 | `#551142` | `oklch(31.67% 0.1150 341.54)` | Violet Carmine | white, 13.5 to 1 |
| 24 | `#500f3f` | `oklch(30.33% 0.1102 340.98)` | Violet Carmine | white, 14.1 to 1 |
| 25 | `#4b0e3b` | `oklch(29.02% 0.1055 340.43)` | Pion Purple | white, 14.7 to 1 |
| 26 | `#460c38` | `oklch(27.76% 0.1009 339.90)` | Pion Purple | white, 15.3 to 1 |
| 27 | `#410b34` | `oklch(26.56% 0.0964 339.39)` | Greek Aubergine | white, 15.8 to 1 |
| 28 | `#3d0a31` | `oklch(25.44% 0.0923 338.91)` | Greek Aubergine | white, 16.3 to 1 |
| 29 | `#39092e` | `oklch(24.42% 0.0885 338.47)` | Cured Eggplant | white, 16.7 to 1 |
| 30 | `#35082c` | `oklch(23.50% 0.0851 338.08)` | Cured Eggplant | white, 17.1 to 1 |
| 31 | `#320729` | `oklch(22.71% 0.0822 337.75)` | Globe Thistle | white, 17.4 to 1 |
| 32 | `#300728` | `oklch(22.05% 0.0799 337.48)` | Globe Thistle | white, 17.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #bc4a87 0.000% 3.125%, #b94985 3.125% 6.250%, #b64683 6.250% 9.375%, #b34481 9.375% 12.500%, #af417e 12.500% 15.625%, #ab3e7b 15.625% 18.750%, #a73b78 18.750% 21.875%, #a23875 21.875% 25.000%, #9d3472 25.000% 28.125%, #98316f 28.125% 31.250%, #932e6b 31.250% 34.375%, #8e2a68 34.375% 37.500%, #892765 37.500% 40.625%, #842461 40.625% 43.750%, #7f215e 43.750% 46.875%, #7b1e5b 46.875% 50.000%, #761c58 50.000% 53.125%, #711a54 53.125% 56.250%, #6c1851 56.250% 59.375%, #66164d 59.375% 62.500%, #61144a 62.500% 65.625%, #5b1246 65.625% 68.750%, #551142 68.750% 71.875%, #500f3f 71.875% 75.000%, #4b0e3b 75.000% 78.125%, #460c38 78.125% 81.250%, #410b34 81.250% 84.375%, #3d0a31 84.375% 87.500%, #39092e 87.500% 90.625%, #35082c 90.625% 93.750%, #320729 93.750% 96.875%, #300728 96.875% 100.000%);
background: linear-gradient(180deg, oklch(57.87% 0.1598 350.16) 0.000% 3.125%, oklch(57.23% 0.1592 349.97) 3.125% 6.250%, oklch(56.46% 0.1586 349.75) 6.250% 9.375%, oklch(55.57% 0.1579 349.50) 9.375% 12.500%, oklch(54.57% 0.1573 349.22) 12.500% 15.625%, oklch(53.48% 0.1565 348.92) 15.625% 18.750%, oklch(52.32% 0.1557 348.59) 18.750% 21.875%, oklch(51.10% 0.1548 348.25) 21.875% 25.000%, oklch(49.83% 0.1537 347.88) 25.000% 28.125%, oklch(48.52% 0.1525 347.51) 28.125% 31.250%, oklch(47.19% 0.1512 347.12) 31.250% 34.375%, oklch(45.86% 0.1498 346.72) 34.375% 37.500%, oklch(44.53% 0.1481 346.31) 37.500% 40.625%, oklch(43.23% 0.1462 345.90) 40.625% 43.750%, oklch(41.96% 0.1441 345.49) 43.750% 46.875%, oklch(40.74% 0.1418 345.08) 46.875% 50.000%, oklch(39.57% 0.1392 344.66) 50.000% 53.125%, oklch(38.34% 0.1361 344.21) 53.125% 56.250%, oklch(37.06% 0.1325 343.72) 56.250% 59.375%, oklch(35.74% 0.1285 343.20) 59.375% 62.500%, oklch(34.39% 0.1242 342.66) 62.500% 65.625%, oklch(33.02% 0.1196 342.10) 65.625% 68.750%, oklch(31.67% 0.1150 341.54) 68.750% 71.875%, oklch(30.33% 0.1102 340.98) 71.875% 75.000%, oklch(29.02% 0.1055 340.43) 75.000% 78.125%, oklch(27.76% 0.1009 339.90) 78.125% 81.250%, oklch(26.56% 0.0964 339.39) 81.250% 84.375%, oklch(25.44% 0.0923 338.91) 84.375% 87.500%, oklch(24.42% 0.0885 338.47) 87.500% 90.625%, oklch(23.50% 0.0851 338.08) 90.625% 93.750%, oklch(22.71% 0.0822 337.75) 93.750% 96.875%, oklch(22.05% 0.0799 337.48) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.16 | 350.2 |
| 2 | 0.402 | 0.141 | 344.9 |
| 3 | 0.22 | 0.08 | 337.5 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Pink gradients](https://grabient.com/pink-gradients)
- [Shade swatches](https://grabient.com/shade-swatches)

## Other forms

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