# Black gold crimson pinwheel

Seamless black, red and yellow angular gradient with 34 colors: #00000c, #03001d, #160032, #360143, #5a0049, #7b0045, #93003c, #a30034, #ae002e, #b90028, #c5101e, #d22e00, #db5f00, #ea8c00, #f8b800, #f9e157, #f7f87d, #f6f87d, #f5e057, #f2b900, #e28d00, #d06300, #c43c00, #bf1106, #b40020, #aa002c, #9e0437, #8f0841, #770849, #56084b, #340744, #160333, #030120, #000011. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless black, red and yellow angular gradient
- Seed: `kaESq9M73LcfKw56NMkRko3TM5O2KFLSA`
- Page: https://grabient.com/kaESq9M73LcfKw56NMkRko3TM5O2KFLSA?style=angularGradient&steps=34
- Drawn as: angular gradient, 34 steps, 90 degrees
- Kinds: light center, vivid, warm, multicolor, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 18.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 | `#00000c` | `oklch(7.15% 0.0485 266.31)` | Benthic Black | white, 20.8 to 1 |
| 2 | `#03001d` | `oklch(11.21% 0.0688 278.11)` | Hadopelagic Water | white, 20.5 to 1 |
| 3 | `#160032` | `oklch(17.27% 0.0934 296.78)` | Black Htun | white, 19.4 to 1 |
| 4 | `#360143` | `oklch(24.48% 0.1176 317.83)` | Deep Purple | white, 16.9 to 1 |
| 5 | `#5a0049` | `oklch(31.73% 0.1387 338.67)` | Royal Ash | white, 13.7 to 1 |
| 6 | `#7b0045` | `oklch(38.04% 0.1556 356.33)` | Dawn of the Fairies | white, 10.8 to 1 |
| 7 | `#93003c` | `oklch(42.59% 0.1705 8.14)` | Madrileño Maroon | white, 9 to 1 |
| 8 | `#a30034` | `oklch(45.51% 0.1820 14.93)` | Petal of a Dying Rose | white, 8 to 1 |
| 9 | `#ae002e` | `oklch(47.59% 0.1908 18.84)` | Barbados Cherry | white, 7.3 to 1 |
| 10 | `#b90028` | `oklch(49.58% 0.1997 21.90)` | Valentine Lava | white, 6.8 to 1 |
| 11 | `#c5101e` | `oklch(52.22% 0.2057 26.15)` | Bloodthirsty Lips | white, 6 to 1 |
| 12 | `#d22e00` | `oklch(56.30% 0.2044 33.62)` | Native Hue of Resolution | white, 5 to 1 |
| 13 | `#db5f00` | `oklch(63.16% 0.1751 46.85)` | Ancient Bamboo | black, 5.6 to 1 |
| 14 | `#ea8c00` | `oklch(72.39% 0.1630 64.57)` | Elden Ring Orange | black, 8.2 to 1 |
| 15 | `#f8b800` | `oklch(82.09% 0.1687 83.25)` | Blue Angels Yellow | black, 11.9 to 1 |
| 16 | `#f9e157` | `oklch(90.39% 0.1552 99.32)` | Flame Seal | black, 15.8 to 1 |
| 17 | `#f7f87d` | `oklch(95.39% 0.1461 109.24)` | Hyper Beam | black, 18.6 to 1 |
| 18 | `#f6f87d` | `oklch(95.27% 0.1460 109.67)` | Hyper Beam | black, 18.6 to 1 |
| 19 | `#f5e057` | `oklch(90.01% 0.1551 100.78)` | Flame Seal | black, 15.7 to 1 |
| 20 | `#f2b900` | `oklch(81.45% 0.1668 85.82)` | Oregon Trail | black, 11.6 to 1 |
| 21 | `#e28d00` | `oklch(71.49% 0.1568 68.12)` | Hotter Butter | black, 8 to 1 |
| 22 | `#d06300` | `oklch(62.07% 0.1618 51.01)` | Brusque Brown | black, 5.4 to 1 |
| 23 | `#c43c00` | `oklch(55.12% 0.1811 37.84)` | Mahogany | white, 5.2 to 1 |
| 24 | `#bf1106` | `oklch(51.05% 0.2026 29.62)` | Charsiu | white, 6.3 to 1 |
| 25 | `#b40020` | `oklch(48.50% 0.1962 23.94)` | Cadmium Purple | white, 7.1 to 1 |
| 26 | `#aa002c` | `oklch(46.68% 0.1872 19.11)` | Chernobog | white, 7.6 to 1 |
| 27 | `#9e0437` | `oklch(44.78% 0.1766 13.46)` | Cranberry | white, 8.2 to 1 |
| 28 | `#8f0841` | `oklch(42.07% 0.1638 5.34)` | Madrileño Maroon | white, 9.2 to 1 |
| 29 | `#770849` | `oklch(37.75% 0.1496 352.91)` | Lucky Wine | white, 10.9 to 1 |
| 30 | `#56084b` | `oklch(31.73% 0.1308 335.20)` | Royal Ash | white, 13.6 to 1 |
| 31 | `#340744` | `oklch(24.84% 0.1093 314.63)` | Dark Purple | white, 16.7 to 1 |
| 32 | `#160333` | `oklch(17.97% 0.0879 294.00)` | Quiet Abyss | white, 19.1 to 1 |
| 33 | `#030120` | `oklch(12.01% 0.0694 276.09)` | Hadopelagic Water | white, 20.4 to 1 |
| 34 | `#000011` | `oklch(8.01% 0.0555 264.05)` | Benthic Black | white, 20.8 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #00000c 0.0%, #03001d 3.0%, #160032 6.1%, #360143 9.1%, #5a0049 12.1%, #7b0045 15.2%, #93003c 18.2%, #a30034 21.2%, #ae002e 24.2%, #b90028 27.3%, #c5101e 30.3%, #d22e00 33.3%, #db5f00 36.4%, #ea8c00 39.4%, #f8b800 42.4%, #f9e157 45.5%, #f7f87d 48.5%, #f6f87d 51.5%, #f5e057 54.5%, #f2b900 57.6%, #e28d00 60.6%, #d06300 63.6%, #c43c00 66.7%, #bf1106 69.7%, #b40020 72.7%, #aa002c 75.8%, #9e0437 78.8%, #8f0841 81.8%, #770849 84.8%, #56084b 87.9%, #340744 90.9%, #160333 93.9%, #030120 97.0%, #000011 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(7.15% 0.0485 266.31) 0.0%, oklch(11.21% 0.0688 278.11) 3.0%, oklch(17.27% 0.0934 296.78) 6.1%, oklch(24.48% 0.1176 317.83) 9.1%, oklch(31.73% 0.1387 338.67) 12.1%, oklch(38.04% 0.1556 356.33) 15.2%, oklch(42.59% 0.1705 8.14) 18.2%, oklch(45.51% 0.1820 14.93) 21.2%, oklch(47.59% 0.1908 18.84) 24.2%, oklch(49.58% 0.1997 21.90) 27.3%, oklch(52.22% 0.2057 26.15) 30.3%, oklch(56.30% 0.2044 33.62) 33.3%, oklch(63.16% 0.1751 46.85) 36.4%, oklch(72.39% 0.1630 64.57) 39.4%, oklch(82.09% 0.1687 83.25) 42.4%, oklch(90.39% 0.1552 99.32) 45.5%, oklch(95.39% 0.1461 109.24) 48.5%, oklch(95.27% 0.1460 109.67) 51.5%, oklch(90.01% 0.1551 100.78) 54.5%, oklch(81.45% 0.1668 85.82) 57.6%, oklch(71.49% 0.1568 68.12) 60.6%, oklch(62.07% 0.1618 51.01) 63.6%, oklch(55.12% 0.1811 37.84) 66.7%, oklch(51.05% 0.2026 29.62) 69.7%, oklch(48.50% 0.1962 23.94) 72.7%, oklch(46.68% 0.1872 19.11) 75.8%, oklch(44.78% 0.1766 13.46) 78.8%, oklch(42.07% 0.1638 5.34) 81.8%, oklch(37.75% 0.1496 352.91) 84.8%, oklch(31.73% 0.1308 335.20) 87.9%, oklch(24.84% 0.1093 314.63) 90.9%, oklch(17.97% 0.0879 294.00) 93.9%, oklch(12.01% 0.0694 276.09) 97.0%, oklch(8.01% 0.0555 264.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.067 | 0.058 | 265.8 |
| 2 | 0.406 | 0.169 | 363 |
| 3 | 0.563 | 0.205 | 393.6 |
| 4 | 0.961 | 0.145 | 470.8 |
| 5 | 0.551 | 0.204 | 397.9 |
| 6 | 0.402 | 0.157 | 359.8 |
| 7 | 0.079 | 0.056 | 263.7 |

## In these collections

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

## Other forms

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