# Near-black, mauve and terracotta multicolor palette

Black, purple and tan linear gradient with 32 colors: #25252b, #28282f, #2c2c34, #30303a, #363541, #3b3a49, #413f50, #474358, #4d475e, #534a64, #5a4d6a, #615070, #695274, #725378, #7a557b, #83577d, #8b597e, #925a7f, #995c7f, #a15e7f, #a8607f, #ae627e, #b5657c, #bb6879, #c06c75, #c57171, #ca776c, #cd7e69, #ce8566, #cf8c65, #cf9164, #cf9565. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, purple and tan linear gradient
- Seed: `kWRAjLNA3BEKdxJOp0QWyLGA`
- Page: https://grabient.com/kWRAjLNA3BEKdxJOp0QWyLGA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 5.9 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 | `#25252b` | `oklch(26.77% 0.0110 285.47)` | Black Russian | white, 15.2 to 1 |
| 2 | `#28282f` | `oklch(27.93% 0.0130 286.02)` | Anthracite | white, 14.6 to 1 |
| 3 | `#2c2c34` | `oklch(29.49% 0.0155 286.52)` | Bastille | white, 13.9 to 1 |
| 4 | `#30303a` | `oklch(31.35% 0.0184 287.10)` | Smiler’s Mist | white, 13 to 1 |
| 5 | `#363541` | `oklch(33.41% 0.0218 287.90)` | Sceptre Blue | white, 12 to 1 |
| 6 | `#3b3a49` | `oklch(35.54% 0.0255 289.03)` | Mountain Fig | white, 11.1 to 1 |
| 7 | `#413f50` | `oklch(37.65% 0.0296 290.64)` | Blueberry Tart | white, 10.2 to 1 |
| 8 | `#474358` | `oklch(39.62% 0.0339 292.85)` | Royal Treatment | white, 9.4 to 1 |
| 9 | `#4d475e` | `oklch(41.36% 0.0384 295.80)` | Grapewood | white, 8.8 to 1 |
| 10 | `#534a64` | `oklch(42.96% 0.0435 299.65)` | Roman Purple | white, 8.2 to 1 |
| 11 | `#5a4d6a` | `oklch(44.52% 0.0492 304.29)` | Crowning | white, 7.7 to 1 |
| 12 | `#615070` | `oklch(46.03% 0.0553 309.50)` | Futaai Indigo | white, 7.2 to 1 |
| 13 | `#695274` | `oklch(47.49% 0.0616 315.05)` | Basil Mauve | white, 6.8 to 1 |
| 14 | `#725378` | `oklch(48.92% 0.0678 320.74)` | Gladiola Violet | white, 6.4 to 1 |
| 15 | `#7a557b` | `oklch(50.32% 0.0736 326.33)` | Birthstone | white, 6.1 to 1 |
| 16 | `#83577d` | `oklch(51.69% 0.0789 331.62)` | Dull Purple | white, 5.8 to 1 |
| 17 | `#8b597e` | `oklch(53.03% 0.0836 336.42)` | Dusky Purple | white, 5.5 to 1 |
| 18 | `#925a7f` | `oklch(54.31% 0.0881 340.84)` | Immortality | white, 5.2 to 1 |
| 19 | `#995c7f` | `oklch(55.54% 0.0924 345.05)` | Immortality | white, 4.9 to 1 |
| 20 | `#a15e7f` | `oklch(56.74% 0.0965 349.17)` | Beryl Red | white, 4.7 to 1 |
| 21 | `#a8607f` | `oklch(57.92% 0.1001 353.35)` | Daah-Ling | black, 4.6 to 1 |
| 22 | `#ae627e` | `oklch(59.10% 0.1032 357.72)` | Daah-Ling | black, 4.8 to 1 |
| 23 | `#b5657c` | `oklch(60.29% 0.1056 2.41)` | Crushed Raspberry | black, 5 to 1 |
| 24 | `#bb6879` | `oklch(61.50% 0.1072 7.57)` | Dusky Rose | black, 5.3 to 1 |
| 25 | `#c06c75` | `oklch(62.79% 0.1078 13.51)` | Playful Pink | black, 5.6 to 1 |
| 26 | `#c57171` | `oklch(64.20% 0.1070 20.52)` | Brandied Apricot | black, 5.9 to 1 |
| 27 | `#ca776c` | `oklch(65.67% 0.1054 28.18)` | Red Sparowes | black, 6.3 to 1 |
| 28 | `#cd7e69` | `oklch(67.14% 0.1032 36.05)` | Canyon Clay | black, 6.7 to 1 |
| 29 | `#ce8566` | `oklch(68.54% 0.1007 43.68)` | Burning Sand | black, 7.1 to 1 |
| 30 | `#cf8c65` | `oklch(69.80% 0.0984 50.63)` | Grounded | black, 7.5 to 1 |
| 31 | `#cf9164` | `oklch(70.86% 0.0964 56.46)` | Whiskey | black, 7.9 to 1 |
| 32 | `#cf9565` | `oklch(71.65% 0.0951 60.73)` | Glazed Pecan | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #25252b 0.0%, #28282f 3.2%, #2c2c34 6.5%, #30303a 9.7%, #363541 12.9%, #3b3a49 16.1%, #413f50 19.4%, #474358 22.6%, #4d475e 25.8%, #534a64 29.0%, #5a4d6a 32.3%, #615070 35.5%, #695274 38.7%, #725378 41.9%, #7a557b 45.2%, #83577d 48.4%, #8b597e 51.6%, #925a7f 54.8%, #995c7f 58.1%, #a15e7f 61.3%, #a8607f 64.5%, #ae627e 67.7%, #b5657c 71.0%, #bb6879 74.2%, #c06c75 77.4%, #c57171 80.6%, #ca776c 83.9%, #cd7e69 87.1%, #ce8566 90.3%, #cf8c65 93.5%, #cf9164 96.8%, #cf9565 100.0%);
background: linear-gradient(45deg in oklch, oklch(26.77% 0.0110 285.47) 0.0%, oklch(27.93% 0.0130 286.02) 3.2%, oklch(29.49% 0.0155 286.52) 6.5%, oklch(31.35% 0.0184 287.10) 9.7%, oklch(33.41% 0.0218 287.90) 12.9%, oklch(35.54% 0.0255 289.03) 16.1%, oklch(37.65% 0.0296 290.64) 19.4%, oklch(39.62% 0.0339 292.85) 22.6%, oklch(41.36% 0.0384 295.80) 25.8%, oklch(42.96% 0.0435 299.65) 29.0%, oklch(44.52% 0.0492 304.29) 32.3%, oklch(46.03% 0.0553 309.50) 35.5%, oklch(47.49% 0.0616 315.05) 38.7%, oklch(48.92% 0.0678 320.74) 41.9%, oklch(50.32% 0.0736 326.33) 45.2%, oklch(51.69% 0.0789 331.62) 48.4%, oklch(53.03% 0.0836 336.42) 51.6%, oklch(54.31% 0.0881 340.84) 54.8%, oklch(55.54% 0.0924 345.05) 58.1%, oklch(56.74% 0.0965 349.17) 61.3%, oklch(57.92% 0.1001 353.35) 64.5%, oklch(59.10% 0.1032 357.72) 67.7%, oklch(60.29% 0.1056 2.41) 71.0%, oklch(61.50% 0.1072 7.57) 74.2%, oklch(62.79% 0.1078 13.51) 77.4%, oklch(64.20% 0.1070 20.52) 80.6%, oklch(65.67% 0.1054 28.18) 83.9%, oklch(67.14% 0.1032 36.05) 87.1%, oklch(68.54% 0.1007 43.68) 90.3%, oklch(69.80% 0.0984 50.63) 93.5%, oklch(70.86% 0.0964 56.46) 96.8%, oklch(71.65% 0.0951 60.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.011 | 285.5 |
| 2 | 0.409 | 0.037 | 295 |
| 3 | 0.524 | 0.081 | 334.1 |
| 4 | 0.618 | 0.107 | 369 |
| 5 | 0.717 | 0.095 | 420.7 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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