# Near-black, mauve and indigo charcoal plum tailoring

The Near-black, mauve and indigo charcoal plum tailoring brings together dark gray, green, yellow, light orange, magenta, purple, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light orange.

- Also called: Black, gray and purple linear gradient
- Seed: `kcRAPNLA2tcIaPhVlj13Yy5dcYNpFqr0si--Y`
- Page: https://grabient.com/kcRAPNLA2tcIaPhVlj13Yy5dcYNpFqr0si--Y?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#262628` | `oklch(26.77% 0.0041 288.28)` | Nero | white, 15.1 to 1 |
| 2 | `#26292d` | `oklch(27.83% 0.0093 260.77)` | Cinder | white, 14.6 to 1 |
| 3 | `#232e32` | `oklch(29.26% 0.0167 220.41)` | Freinacht Black | white, 13.9 to 1 |
| 4 | `#233530` | `oklch(31.13% 0.0253 177.44)` | Holly | white, 12.9 to 1 |
| 5 | `#2d3b2b` | `oklch(33.48% 0.0338 142.13)` | Aimiru Brown | white, 11.8 to 1 |
| 6 | `#3a4229` | `oklch(36.43% 0.0419 123.00)` | Deep Seaweed | white, 10.5 to 1 |
| 7 | `#474c2b` | `oklch(40.17% 0.0512 116.09)` | Bronze Tone | white, 9 to 1 |
| 8 | `#525830` | `oklch(44.36% 0.0604 115.88)` | Soldier Green | white, 7.5 to 1 |
| 9 | `#5c6437` | `oklch(48.60% 0.0678 117.31)` | Marsh Mix | white, 6.2 to 1 |
| 10 | `#696f3d` | `oklch(52.50% 0.0720 115.45)` | Gulf Weed | white, 5.3 to 1 |
| 11 | `#767a46` | `oklch(56.29% 0.0724 111.79)` | Plant Green | black, 4.6 to 1 |
| 12 | `#848452` | `oklch(60.07% 0.0702 108.19)` | Candied Lime | black, 5.3 to 1 |
| 13 | `#928d5d` | `oklch(63.59% 0.0663 103.66)` | In a Pickle | black, 6.1 to 1 |
| 14 | `#9e9569` | `oklch(66.59% 0.0619 97.22)` | Chapter | black, 6.9 to 1 |
| 15 | `#aa9a73` | `oklch(68.98% 0.0566 88.22)` | Caraway Shield | black, 7.5 to 1 |
| 16 | `#b39e7f` | `oklch(70.94% 0.0489 77.20)` | Silestone | black, 8.1 to 1 |
| 17 | `#b9a18c` | `oklch(72.43% 0.0411 64.54)` | Hickory | black, 8.5 to 1 |
| 18 | `#bca395` | `oklch(73.35% 0.0356 50.56)` | Sand Trap | black, 8.8 to 1 |
| 19 | `#bea29b` | `oklch(73.63% 0.0348 35.41)` | Andes Ash | black, 8.8 to 1 |
| 20 | `#c09fa0` | `oklch(73.23% 0.0388 17.04)` | Zephyr | black, 8.7 to 1 |
| 21 | `#be9aa6` | `oklch(72.23% 0.0461 356.90)` | Artichoke Mauve | black, 8.3 to 1 |
| 22 | `#b894ad` | `oklch(70.72% 0.0552 337.76)` | Bed of Roses | black, 7.8 to 1 |
| 23 | `#ae8eb3` | `oklch(68.81% 0.0648 322.41)` | Metal Petal | black, 7.3 to 1 |
| 24 | `#a386b5` | `oklch(66.41% 0.0754 312.50)` | Daylight Lilac | black, 6.6 to 1 |
| 25 | `#987cb5` | `oklch(63.42% 0.0881 306.44)` | Lavender Purple | black, 5.8 to 1 |
| 26 | `#8c71b2` | `oklch(60.08% 0.1010 302.63)` | Dahlia Purple | black, 5.1 to 1 |
| 27 | `#8066af` | `oklch(56.64% 0.1122 299.52)` | Clear Mauve | white, 4.7 to 1 |
| 28 | `#735caa` | `oklch(53.24% 0.1200 295.74)` | Simply Purple | white, 5.4 to 1 |
| 29 | `#6451a1` | `oklch(49.35% 0.1248 292.12)` | Ultrapurple Merge | white, 6.4 to 1 |
| 30 | `#564698` | `oklch(45.35% 0.1277 289.03)` | Liberty | white, 7.6 to 1 |
| 31 | `#4a3d8e` | `oklch(41.83% 0.1295 286.56)` | Blue Gem | white, 8.9 to 1 |
| 32 | `#413688` | `oklch(39.37% 0.1309 284.76)` | Majestic Eggplant | white, 9.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #262628 0.0%, #26292d 3.2%, #232e32 6.5%, #233530 9.7%, #2d3b2b 12.9%, #3a4229 16.1%, #474c2b 19.4%, #525830 22.6%, #5c6437 25.8%, #696f3d 29.0%, #767a46 32.3%, #848452 35.5%, #928d5d 38.7%, #9e9569 41.9%, #aa9a73 45.2%, #b39e7f 48.4%, #b9a18c 51.6%, #bca395 54.8%, #bea29b 58.1%, #c09fa0 61.3%, #be9aa6 64.5%, #b894ad 67.7%, #ae8eb3 71.0%, #a386b5 74.2%, #987cb5 77.4%, #8c71b2 80.6%, #8066af 83.9%, #735caa 87.1%, #6451a1 90.3%, #564698 93.5%, #4a3d8e 96.8%, #413688 100.0%);
background: linear-gradient(225deg in oklch, oklch(26.77% 0.0041 288.28) 0.0%, oklch(27.83% 0.0093 260.77) 3.2%, oklch(29.26% 0.0167 220.41) 6.5%, oklch(31.13% 0.0253 177.44) 9.7%, oklch(33.48% 0.0338 142.13) 12.9%, oklch(36.43% 0.0419 123.00) 16.1%, oklch(40.17% 0.0512 116.09) 19.4%, oklch(44.36% 0.0604 115.88) 22.6%, oklch(48.60% 0.0678 117.31) 25.8%, oklch(52.50% 0.0720 115.45) 29.0%, oklch(56.29% 0.0724 111.79) 32.3%, oklch(60.07% 0.0702 108.19) 35.5%, oklch(63.59% 0.0663 103.66) 38.7%, oklch(66.59% 0.0619 97.22) 41.9%, oklch(68.98% 0.0566 88.22) 45.2%, oklch(70.94% 0.0489 77.20) 48.4%, oklch(72.43% 0.0411 64.54) 51.6%, oklch(73.35% 0.0356 50.56) 54.8%, oklch(73.63% 0.0348 35.41) 58.1%, oklch(73.23% 0.0388 17.04) 61.3%, oklch(72.23% 0.0461 356.90) 64.5%, oklch(70.72% 0.0552 337.76) 67.7%, oklch(68.81% 0.0648 322.41) 71.0%, oklch(66.41% 0.0754 312.50) 74.2%, oklch(63.42% 0.0881 306.44) 77.4%, oklch(60.08% 0.1010 302.63) 80.6%, oklch(56.64% 0.1122 299.52) 83.9%, oklch(53.24% 0.1200 295.74) 87.1%, oklch(49.35% 0.1248 292.12) 90.3%, oklch(45.35% 0.1277 289.03) 93.5%, oklch(41.83% 0.1295 286.56) 96.8%, oklch(39.37% 0.1309 284.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.004 | 288.3 |
| 2 | 0.346 | 0.037 | 131.9 |
| 3 | 0.52 | 0.072 | 116 |
| 4 | 0.673 | 0.061 | 94.9 |
| 5 | 0.736 | 0.034 | 39.9 |
| 6 | 0.685 | 0.066 | -39.3 |
| 7 | 0.547 | 0.117 | -62.6 |
| 8 | 0.394 | 0.131 | -75.2 |

## In these collections

- [Charcoal plum tailoring](https://grabient.com/charcoal-plum-tailoring)

## Other forms

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