# Analogous purple, maroon and black linear swatches

Analogous purple, maroon and black linear swatches with 32 colors: #aa5b7e, #a8587a, #a55576, #a25070, #9e4c6a, #9a4664, #96415d, #913b55, #8c354d, #872e45, #82283d, #7c2234, #771c2b, #711622, #6b1119, #640d0f, #5e0a05, #550e00, #491200, #3f1400, #351400, #2c1200, #241000, #1d0e00, #170b00, #110900, #0c0600, #070500, #050300, #030200, #020200, #010100. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSklD7KKtEAiFSa`
- Page: https://grabient.com/kSklD7KKtEAiFSa?style=linearSwatches&steps=32&angle=30
- Drawn as: linear swatches, 32 steps, 30 degrees
- Kinds: light to dark, vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#aa5b7e` | `oklch(57.48% 0.1102 352.97)` | Indian Pink | white, 4.6 to 1 |
| 2 | `#a8587a` | `oklch(56.55% 0.1108 354.14)` | Indian Pink | white, 4.8 to 1 |
| 3 | `#a55576` | `oklch(55.43% 0.1117 355.42)` | Cranbrook | white, 5 to 1 |
| 4 | `#a25070` | `oklch(54.13% 0.1130 356.81)` | China Rose | white, 5.3 to 1 |
| 5 | `#9e4c6a` | `oklch(52.68% 0.1146 358.32)` | Cherry Berry | white, 5.7 to 1 |
| 6 | `#9a4664` | `oklch(51.11% 0.1163 359.96)` | Cadillac | white, 6.1 to 1 |
| 7 | `#96415d` | `oklch(49.42% 0.1180 1.75)` | Raspberry Pudding | white, 6.5 to 1 |
| 8 | `#913b55` | `oklch(47.64% 0.1197 3.69)` | Ancient Magenta | white, 7 to 1 |
| 9 | `#8c354d` | `oklch(45.79% 0.1213 5.80)` | That’s My Jam | white, 7.6 to 1 |
| 10 | `#872e45` | `oklch(43.90% 0.1226 8.08)` | Tibetan Red | white, 8.3 to 1 |
| 11 | `#82283d` | `oklch(41.98% 0.1236 10.54)` | Bicyclette | white, 9 to 1 |
| 12 | `#7c2234` | `oklch(40.06% 0.1241 13.20)` | Amaranth Blossom | white, 9.8 to 1 |
| 13 | `#771c2b` | `oklch(38.15% 0.1241 16.06)` | Jazzy Red | white, 10.6 to 1 |
| 14 | `#711622` | `oklch(36.27% 0.1235 19.14)` | Surya Red | white, 11.4 to 1 |
| 15 | `#6b1119` | `oklch(34.46% 0.1221 22.44)` | Festive Bordeaux | white, 12.2 to 1 |
| 16 | `#640d0f` | `oklch(32.72% 0.1199 25.98)` | Blood Organ | white, 13 to 1 |
| 17 | `#5e0a05` | `oklch(31.06% 0.1168 29.82)` | Sacramental Red | white, 13.7 to 1 |
| 18 | `#550e00` | `oklch(29.33% 0.1052 34.09)` | Baragon Brown | white, 14.5 to 1 |
| 19 | `#491200` | `oklch(27.53% 0.0881 39.08)` | Bean | white, 15.2 to 1 |
| 20 | `#3f1400` | `oklch(25.68% 0.0740 44.52)` | Black Chocolate | white, 16 to 1 |
| 21 | `#351400` | `oklch(23.80% 0.0626 50.31)` | Chocolate Melange | white, 16.7 to 1 |
| 22 | `#2c1200` | `oklch(21.90% 0.0534 56.35)` | Shadow Play | white, 17.5 to 1 |
| 23 | `#241000` | `oklch(20.02% 0.0459 62.52)` | Super Black | white, 18.2 to 1 |
| 24 | `#1d0e00` | `oklch(18.16% 0.0397 68.71)` | Super Black | white, 18.8 to 1 |
| 25 | `#170b00` | `oklch(16.35% 0.0345 74.83)` | Soy Sauce | white, 19.3 to 1 |
| 26 | `#110900` | `oklch(14.61% 0.0302 80.77)` | Blackout | white, 19.7 to 1 |
| 27 | `#0c0600` | `oklch(12.96% 0.0265 86.43)` | Blackout | white, 20.1 to 1 |
| 28 | `#070500` | `oklch(11.42% 0.0234 91.73)` | Liquorice | white, 20.3 to 1 |
| 29 | `#050300` | `oklch(10.01% 0.0206 96.59)` | Armour Wash | white, 20.5 to 1 |
| 30 | `#030200` | `oklch(8.75% 0.0182 100.98)` | Armour Wash | white, 20.7 to 1 |
| 31 | `#020200` | `oklch(7.62% 0.0163 106.67)` | Registration Black | white, 20.8 to 1 |
| 32 | `#010100` | `oklch(6.69% 0.0138 110.27)` | Vantablack | white, 20.8 to 1 |

## CSS

```css
background: linear-gradient(30deg, #aa5b7e 0.000% 3.125%, #a8587a 3.125% 6.250%, #a55576 6.250% 9.375%, #a25070 9.375% 12.500%, #9e4c6a 12.500% 15.625%, #9a4664 15.625% 18.750%, #96415d 18.750% 21.875%, #913b55 21.875% 25.000%, #8c354d 25.000% 28.125%, #872e45 28.125% 31.250%, #82283d 31.250% 34.375%, #7c2234 34.375% 37.500%, #771c2b 37.500% 40.625%, #711622 40.625% 43.750%, #6b1119 43.750% 46.875%, #640d0f 46.875% 50.000%, #5e0a05 50.000% 53.125%, #550e00 53.125% 56.250%, #491200 56.250% 59.375%, #3f1400 59.375% 62.500%, #351400 62.500% 65.625%, #2c1200 65.625% 68.750%, #241000 68.750% 71.875%, #1d0e00 71.875% 75.000%, #170b00 75.000% 78.125%, #110900 78.125% 81.250%, #0c0600 81.250% 84.375%, #070500 84.375% 87.500%, #050300 87.500% 90.625%, #030200 90.625% 93.750%, #020200 93.750% 96.875%, #010100 96.875% 100.000%);
background: linear-gradient(30deg, oklch(57.48% 0.1102 352.97) 0.000% 3.125%, oklch(56.55% 0.1108 354.14) 3.125% 6.250%, oklch(55.43% 0.1117 355.42) 6.250% 9.375%, oklch(54.13% 0.1130 356.81) 9.375% 12.500%, oklch(52.68% 0.1146 358.32) 12.500% 15.625%, oklch(51.11% 0.1163 359.96) 15.625% 18.750%, oklch(49.42% 0.1180 1.75) 18.750% 21.875%, oklch(47.64% 0.1197 3.69) 21.875% 25.000%, oklch(45.79% 0.1213 5.80) 25.000% 28.125%, oklch(43.90% 0.1226 8.08) 28.125% 31.250%, oklch(41.98% 0.1236 10.54) 31.250% 34.375%, oklch(40.06% 0.1241 13.20) 34.375% 37.500%, oklch(38.15% 0.1241 16.06) 37.500% 40.625%, oklch(36.27% 0.1235 19.14) 40.625% 43.750%, oklch(34.46% 0.1221 22.44) 43.750% 46.875%, oklch(32.72% 0.1199 25.98) 46.875% 50.000%, oklch(31.06% 0.1168 29.82) 50.000% 53.125%, oklch(29.33% 0.1052 34.09) 53.125% 56.250%, oklch(27.53% 0.0881 39.08) 56.250% 59.375%, oklch(25.68% 0.0740 44.52) 59.375% 62.500%, oklch(23.80% 0.0626 50.31) 62.500% 65.625%, oklch(21.90% 0.0534 56.35) 65.625% 68.750%, oklch(20.02% 0.0459 62.52) 68.750% 71.875%, oklch(18.16% 0.0397 68.71) 71.875% 75.000%, oklch(16.35% 0.0345 74.83) 75.000% 78.125%, oklch(14.61% 0.0302 80.77) 78.125% 81.250%, oklch(12.96% 0.0265 86.43) 81.250% 84.375%, oklch(11.42% 0.0234 91.73) 84.375% 87.500%, oklch(10.01% 0.0206 96.59) 87.500% 90.625%, oklch(8.75% 0.0182 100.98) 90.625% 93.750%, oklch(7.62% 0.0163 106.67) 93.750% 96.875%, oklch(6.69% 0.0138 110.27) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.11 | 353 |
| 2 | 0.319 | 0.119 | 387.8 |
| 3 | 0.067 | 0.014 | 470.3 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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