# Black magenta and orange gradient

Black, purple, magenta and orange linear gradient with 32 colors: #070507, #0c050b, #130711, #1b0819, #260921, #31092a, #3c0933, #48083b, #530842, #5f0749, #6b0651, #780658, #85055e, #910664, #9e0768, #aa0a6a, #b6106b, #c11668, #cb1d64, #d4265e, #dc2f57, #e33850, #e94249, #ef4d42, #f4573c, #f96338, #fd7035, #ff7e3a, #ff8b44, #ff964d, #ff9f55, #ffa65c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, purple, magenta and orange linear gradient
- Seed: `kWHgfqpivBD_IwbSyMQZbpDY`
- Page: https://grabient.com/kWHgfqpivBD_IwbSyMQZbpDY?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.5 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 | `#070507` | `oklch(11.81% 0.0096 329.77)` | Black Metal | white, 20.3 to 1 |
| 2 | `#0c050b` | `oklch(13.25% 0.0187 330.49)` | Knight Rider | white, 20.1 to 1 |
| 3 | `#130711` | `oklch(15.15% 0.0310 331.41)` | Noir Fiction | white, 19.7 to 1 |
| 4 | `#1b0819` | `oklch(17.41% 0.0457 332.51)` | Crow | white, 19.1 to 1 |
| 5 | `#260921` | `oklch(19.94% 0.0618 333.76)` | Meški Black | white, 18.4 to 1 |
| 6 | `#31092a` | `oklch(22.61% 0.0785 335.13)` | Globe Thistle | white, 17.4 to 1 |
| 7 | `#3c0933` | `oklch(25.34% 0.0949 336.58)` | Greek Aubergine | white, 16.4 to 1 |
| 8 | `#48083b` | `oklch(28.01% 0.1099 338.11)` | Pion Purple | white, 15.2 to 1 |
| 9 | `#530842` | `oklch(30.54% 0.1230 339.66)` | Royal Ash | white, 14.1 to 1 |
| 10 | `#5f0749` | `oklch(33.10% 0.1354 341.14)` | Grape Purple | white, 13 to 1 |
| 11 | `#6b0651` | `oklch(35.76% 0.1477 342.58)` | Rich Purple | white, 11.8 to 1 |
| 12 | `#780658` | `oklch(38.46% 0.1596 344.08)` | Velvet | white, 10.7 to 1 |
| 13 | `#85055e` | `oklch(41.17% 0.1708 345.73)` | Grapest | white, 9.6 to 1 |
| 14 | `#910664` | `oklch(43.83% 0.1810 347.63)` | Cardinal Pink | white, 8.6 to 1 |
| 15 | `#9e0768` | `oklch(46.41% 0.1898 349.86)` | Red Violet | white, 7.8 to 1 |
| 16 | `#aa0a6a` | `oklch(48.85% 0.1970 352.54)` | Velvet Cupcake | white, 7 to 1 |
| 17 | `#b6106b` | `oklch(51.11% 0.2021 355.76)` | Aztec Warrior | white, 6.4 to 1 |
| 18 | `#c11668` | `oklch(53.22% 0.2054 359.64)` | Secret Affair | white, 5.8 to 1 |
| 19 | `#cb1d64` | `oklch(55.20% 0.2071 4.02)` | Sensitive Scorpion | white, 5.3 to 1 |
| 20 | `#d4265e` | `oklch(57.10% 0.2075 8.75)` | Beet Wave | white, 4.9 to 1 |
| 21 | `#dc2f57` | `oklch(58.95% 0.2067 13.67)` | Chin-Chin Cherry | white, 4.5 to 1 |
| 22 | `#e33850` | `oklch(60.77% 0.2051 18.61)` | Manganese Red | black, 4.9 to 1 |
| 23 | `#e94249` | `oklch(62.60% 0.2029 23.40)` | X Marks the Spot | black, 5.3 to 1 |
| 24 | `#ef4d42` | `oklch(64.48% 0.2004 27.89)` | Angry Flamingo | black, 5.7 to 1 |
| 25 | `#f4573c` | `oklch(66.47% 0.1973 32.14)` | Benihi Red | black, 6.2 to 1 |
| 26 | `#f96338` | `oklch(68.63% 0.1927 36.57)` | Vermilion Orange | black, 6.8 to 1 |
| 27 | `#fd7035` | `oklch(70.88% 0.1870 41.04)` | Bright Orange | black, 7.5 to 1 |
| 28 | `#ff7e3a` | `oklch(73.10% 0.1762 45.39)` | Mango Tango | black, 8.2 to 1 |
| 29 | `#ff8b44` | `oklch(75.22% 0.1636 49.48)` | Orangish | black, 9 to 1 |
| 30 | `#ff964d` | `oklch(77.12% 0.1530 53.13)` | Pastel Orange | black, 9.7 to 1 |
| 31 | `#ff9f55` | `oklch(78.72% 0.1446 56.20)` | Bittersweet | black, 10.3 to 1 |
| 32 | `#ffa65c` | `oklch(79.92% 0.1386 58.54)` | Echinoidea Thorns | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #070507 0.0%, #0c050b 3.2%, #130711 6.5%, #1b0819 9.7%, #260921 12.9%, #31092a 16.1%, #3c0933 19.4%, #48083b 22.6%, #530842 25.8%, #5f0749 29.0%, #6b0651 32.3%, #780658 35.5%, #85055e 38.7%, #910664 41.9%, #9e0768 45.2%, #aa0a6a 48.4%, #b6106b 51.6%, #c11668 54.8%, #cb1d64 58.1%, #d4265e 61.3%, #dc2f57 64.5%, #e33850 67.7%, #e94249 71.0%, #ef4d42 74.2%, #f4573c 77.4%, #f96338 80.6%, #fd7035 83.9%, #ff7e3a 87.1%, #ff8b44 90.3%, #ff964d 93.5%, #ff9f55 96.8%, #ffa65c 100.0%);
background: linear-gradient(45deg in oklch, oklch(11.81% 0.0096 329.77) 0.0%, oklch(13.25% 0.0187 330.49) 3.2%, oklch(15.15% 0.0310 331.41) 6.5%, oklch(17.41% 0.0457 332.51) 9.7%, oklch(19.94% 0.0618 333.76) 12.9%, oklch(22.61% 0.0785 335.13) 16.1%, oklch(25.34% 0.0949 336.58) 19.4%, oklch(28.01% 0.1099 338.11) 22.6%, oklch(30.54% 0.1230 339.66) 25.8%, oklch(33.10% 0.1354 341.14) 29.0%, oklch(35.76% 0.1477 342.58) 32.3%, oklch(38.46% 0.1596 344.08) 35.5%, oklch(41.17% 0.1708 345.73) 38.7%, oklch(43.83% 0.1810 347.63) 41.9%, oklch(46.41% 0.1898 349.86) 45.2%, oklch(48.85% 0.1970 352.54) 48.4%, oklch(51.11% 0.2021 355.76) 51.6%, oklch(53.22% 0.2054 359.64) 54.8%, oklch(55.20% 0.2071 4.02) 58.1%, oklch(57.10% 0.2075 8.75) 61.3%, oklch(58.95% 0.2067 13.67) 64.5%, oklch(60.77% 0.2051 18.61) 67.7%, oklch(62.60% 0.2029 23.40) 71.0%, oklch(64.48% 0.2004 27.89) 74.2%, oklch(66.47% 0.1973 32.14) 77.4%, oklch(68.63% 0.1927 36.57) 80.6%, oklch(70.88% 0.1870 41.04) 83.9%, oklch(73.10% 0.1762 45.39) 87.1%, oklch(75.22% 0.1636 49.48) 90.3%, oklch(77.12% 0.1530 53.13) 93.5%, oklch(78.72% 0.1446 56.20) 96.8%, oklch(79.92% 0.1386 58.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.01 | 329.8 |
| 2 | 0.299 | 0.12 | 339.3 |
| 3 | 0.5 | 0.2 | 354.1 |
| 4 | 0.65 | 0.2 | 388.9 |
| 5 | 0.799 | 0.16 | 418.5 |

## In these collections

- [Black Friday gradients](https://grabient.com/black-friday-gradients)

## Other forms

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