# Burgundy magenta gold gradient

The Burgundy magenta gold gradient brings together dark magenta, magenta, red, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark magenta, and its lightest tone is gold.

- Also called: Black, purple, pink and orange linear gradient
- Seed: `kULRb0sKvAVBKwpqvsjA`
- Page: https://grabient.com/kULRb0sKvAVBKwpqvsjA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#1a0b14` | `oklch(17.72% 0.0303 343.83)` | Noir Fiction | white, 19 to 1 |
| 2 | `#1e0d17` | `oklch(18.87% 0.0355 343.93)` | Shot in the Dark | white, 18.6 to 1 |
| 3 | `#240e1b` | `oklch(20.33% 0.0421 343.95)` | Inside | white, 18.1 to 1 |
| 4 | `#2a1020` | `oklch(22.03% 0.0499 343.95)` | Inside | white, 17.5 to 1 |
| 5 | `#321226` | `oklch(23.95% 0.0587 343.95)` | Black Cherry | white, 16.8 to 1 |
| 6 | `#3a142c` | `oklch(26.04% 0.0681 344.01)` | Nightly Voyager | white, 15.9 to 1 |
| 7 | `#431733` | `oklch(28.25% 0.0780 344.16)` | Blackberry | white, 14.9 to 1 |
| 8 | `#4c193a` | `oklch(30.54% 0.0881 344.46)` | Chilli Black Red | white, 13.9 to 1 |
| 9 | `#561b40` | `oklch(32.87% 0.0982 344.93)` | Tulip Poplar Purple | white, 12.8 to 1 |
| 10 | `#601e47` | `oklch(35.19% 0.1079 345.64)` | Plum Caspia | white, 11.8 to 1 |
| 11 | `#6a204d` | `oklch(37.45% 0.1170 346.61)` | Pompadour | white, 10.9 to 1 |
| 12 | `#742253` | `oklch(39.67% 0.1257 347.79)` | Dried Flower Purple | white, 10 to 1 |
| 13 | `#7f2559` | `oklch(41.99% 0.1352 348.92)` | Smooch | white, 9.1 to 1 |
| 14 | `#8a275f` | `oklch(44.38% 0.1452 350.07)` | Dark Raspberry | white, 8.2 to 1 |
| 15 | `#962964` | `oklch(46.83% 0.1553 351.32)` | Celestial Dragon | white, 7.5 to 1 |
| 16 | `#a22b6a` | `oklch(49.32% 0.1654 352.77)` | Amaranth Deep Purple | white, 6.7 to 1 |
| 17 | `#af2d6e` | `oklch(51.82% 0.1750 354.52)` | Rich Maroon | white, 6.1 to 1 |
| 18 | `#bc3072` | `oklch(54.31% 0.1839 356.64)` | Pink Shadow | white, 5.5 to 1 |
| 19 | `#c83374` | `oklch(56.76% 0.1918 359.24)` | Magentarama | white, 5 to 1 |
| 20 | `#d53774` | `oklch(59.17% 0.1983 2.41)` | Beetroot Purple | black, 4.6 to 1 |
| 21 | `#e13c71` | `oklch(61.49% 0.2032 6.23)` | Fantasy Romance | black, 5 to 1 |
| 22 | `#ec426c` | `oklch(63.74% 0.2060 10.85)` | Eugenia Red | black, 5.5 to 1 |
| 23 | `#f64b64` | `oklch(66.03% 0.2066 16.83)` | Watermelon | black, 6.1 to 1 |
| 24 | `#ff5657` | `oklch(68.38% 0.2049 24.04)` | Fluorescent Red | black, 6.7 to 1 |
| 25 | `#ff6b51` | `oklch(70.75% 0.1859 32.13)` | Blistering Mars | black, 7.4 to 1 |
| 26 | `#ff7d4b` | `oklch(73.08% 0.1719 40.75)` | Coral | black, 8.2 to 1 |
| 27 | `#ff8c45` | `oklch(75.34% 0.1627 49.56)` | Orangish | black, 9 to 1 |
| 28 | `#ff993f` | `oklch(77.48% 0.1581 58.21)` | Absolute Apricot | black, 9.8 to 1 |
| 29 | `#ffa537` | `oklch(79.44% 0.1579 66.35)` | Tamago Orange | black, 10.6 to 1 |
| 30 | `#ffaf2b` | `oklch(81.19% 0.1616 73.63)` | Sunshine Surprise | black, 11.4 to 1 |
| 31 | `#ffb816` | `oklch(82.68% 0.1681 79.70)` | Master Nacho | black, 12 to 1 |
| 32 | `#febf00` | `oklch(83.86% 0.1721 84.21)` | Look at the Bright Side | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1a0b14 0.0%, #1e0d17 3.2%, #240e1b 6.5%, #2a1020 9.7%, #321226 12.9%, #3a142c 16.1%, #431733 19.4%, #4c193a 22.6%, #561b40 25.8%, #601e47 29.0%, #6a204d 32.3%, #742253 35.5%, #7f2559 38.7%, #8a275f 41.9%, #962964 45.2%, #a22b6a 48.4%, #af2d6e 51.6%, #bc3072 54.8%, #c83374 58.1%, #d53774 61.3%, #e13c71 64.5%, #ec426c 67.7%, #f64b64 71.0%, #ff5657 74.2%, #ff6b51 77.4%, #ff7d4b 80.6%, #ff8c45 83.9%, #ff993f 87.1%, #ffa537 90.3%, #ffaf2b 93.5%, #ffb816 96.8%, #febf00 100.0%);
background: linear-gradient(135deg in oklch, oklch(17.72% 0.0303 343.83) 0.0%, oklch(18.87% 0.0355 343.93) 3.2%, oklch(20.33% 0.0421 343.95) 6.5%, oklch(22.03% 0.0499 343.95) 9.7%, oklch(23.95% 0.0587 343.95) 12.9%, oklch(26.04% 0.0681 344.01) 16.1%, oklch(28.25% 0.0780 344.16) 19.4%, oklch(30.54% 0.0881 344.46) 22.6%, oklch(32.87% 0.0982 344.93) 25.8%, oklch(35.19% 0.1079 345.64) 29.0%, oklch(37.45% 0.1170 346.61) 32.3%, oklch(39.67% 0.1257 347.79) 35.5%, oklch(41.99% 0.1352 348.92) 38.7%, oklch(44.38% 0.1452 350.07) 41.9%, oklch(46.83% 0.1553 351.32) 45.2%, oklch(49.32% 0.1654 352.77) 48.4%, oklch(51.82% 0.1750 354.52) 51.6%, oklch(54.31% 0.1839 356.64) 54.8%, oklch(56.76% 0.1918 359.24) 58.1%, oklch(59.17% 0.1983 2.41) 61.3%, oklch(61.49% 0.2032 6.23) 64.5%, oklch(63.74% 0.2060 10.85) 67.7%, oklch(66.03% 0.2066 16.83) 71.0%, oklch(68.38% 0.2049 24.04) 74.2%, oklch(70.75% 0.1859 32.13) 77.4%, oklch(73.08% 0.1719 40.75) 80.6%, oklch(75.34% 0.1627 49.56) 83.9%, oklch(77.48% 0.1581 58.21) 87.1%, oklch(79.44% 0.1579 66.35) 90.3%, oklch(81.19% 0.1616 73.63) 93.5%, oklch(82.68% 0.1681 79.70) 96.8%, oklch(83.86% 0.1721 84.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.03 | 343.8 |
| 2 | 0.382 | 0.12 | 347 |
| 3 | 0.63 | 0.205 | 369.2 |
| 4 | 0.839 | 0.172 | 444.2 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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