# Black plum apricot bands

Black, purple, pink and peach linear swatches with 13 colors: #040017, #11002d, #2c004b, #480061, #640674, #811c80, #9c3b89, #b55990, #ce7090, #e3878c, #f29a86, #fdab79, #ffb871. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, purple, pink and peach linear swatches
- Seed: `kYGivLIbFCrXAQhNMMJ36hEmosxG`
- Page: https://grabient.com/kYGivLIbFCrXAQhNMMJ36hEmosxG?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 12.1 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 | `#040017` | `oklch(10.24% 0.0593 285.47)` | Obsidian Shard | white, 20.6 to 1 |
| 2 | `#11002d` | `oklch(15.84% 0.0872 293.78)` | Black Htun | white, 19.7 to 1 |
| 3 | `#2c004b` | `oklch(23.56% 0.1225 304.81)` | Edge of Space | white, 17.3 to 1 |
| 4 | `#480061` | `oklch(30.28% 0.1498 313.51)` | Clairvoyant | white, 14.4 to 1 |
| 5 | `#640674` | `oklch(36.69% 0.1701 320.65)` | Zeus Purple | white, 11.5 to 1 |
| 6 | `#811c80` | `oklch(43.58% 0.1757 328.28)` | Hello Darkness My Old Friend | white, 8.7 to 1 |
| 7 | `#9c3b89` | `oklch(51.45% 0.1591 335.93)` | Purple Wine | white, 6.1 to 1 |
| 8 | `#b55990` | `oklch(59.22% 0.1368 345.42)` | Spruce Tree Flower | black, 4.7 to 1 |
| 9 | `#ce7090` | `oklch(66.01% 0.1231 359.56)` | Hopbush | black, 6.3 to 1 |
| 10 | `#e3878c` | `oklch(72.09% 0.1131 16.80)` | Pink Chi | black, 8 to 1 |
| 11 | `#f29a86` | `oklch(77.04% 0.1104 33.76)` | Rose Essence | black, 9.7 to 1 |
| 12 | `#fdab79` | `oklch(80.92% 0.1165 51.86)` | Larch Bolete | black, 11.2 to 1 |
| 13 | `#ffb871` | `oklch(83.46% 0.1206 64.96)` | Cheese Puff | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #040017 0.000% 7.692%, #11002d 7.692% 15.385%, #2c004b 15.385% 23.077%, #480061 23.077% 30.769%, #640674 30.769% 38.462%, #811c80 38.462% 46.154%, #9c3b89 46.154% 53.846%, #b55990 53.846% 61.538%, #ce7090 61.538% 69.231%, #e3878c 69.231% 76.923%, #f29a86 76.923% 84.615%, #fdab79 84.615% 92.308%, #ffb871 92.308% 100.000%);
background: linear-gradient(90deg, oklch(10.24% 0.0593 285.47) 0.000% 7.692%, oklch(15.84% 0.0872 293.78) 7.692% 15.385%, oklch(23.56% 0.1225 304.81) 15.385% 23.077%, oklch(30.28% 0.1498 313.51) 23.077% 30.769%, oklch(36.69% 0.1701 320.65) 30.769% 38.462%, oklch(43.58% 0.1757 328.28) 38.462% 46.154%, oklch(51.45% 0.1591 335.93) 46.154% 53.846%, oklch(59.22% 0.1368 345.42) 53.846% 61.538%, oklch(66.01% 0.1231 359.56) 61.538% 69.231%, oklch(72.09% 0.1131 16.80) 69.231% 76.923%, oklch(77.04% 0.1104 33.76) 76.923% 84.615%, oklch(80.92% 0.1165 51.86) 84.615% 92.308%, oklch(83.46% 0.1206 64.96) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.102 | 0.059 | 285.5 |
| 2 | 0.264 | 0.135 | 308.7 |
| 3 | 0.421 | 0.176 | 326.7 |
| 4 | 0.606 | 0.134 | 347.8 |
| 5 | 0.752 | 0.11 | 386.9 |
| 6 | 0.835 | 0.123 | 425 |

## In these collections

- [Dusk swatches](https://grabient.com/dusk-swatches)

## Other forms

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