# Blue-black crimson and amber stage light

Blue-black shadows move through indigo and deep plum into crimson, vermilion and burnished amber. This sixty-four-stop angular gradient uses a long dark opening and a concentrated red-gold finish for an opera-inspired color palette. The transition suggests stage light touching rich fabric, with cool shadow making the warm closing tones feel more intense.

- Also called: Black, navy, maroon and orange angular gradient
- Seed: `kWLQy2pxNAS0qzLBPsHYS1GA`
- Page: https://grabient.com/kWLQy2pxNAS0qzLBPsHYS1GA?style=angularGradient&steps=64&angle=225
- Drawn as: angular gradient, 64 steps, 225 degrees
- Kinds: dark to light, vivid, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.7 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 | `#0c1118` | `oklch(17.72% 0.0165 256.64)` | Midnight Edition | white, 18.8 to 1 |
| 2 | `#0d121a` | `oklch(18.20% 0.0178 256.56)` | Midnight Edition | white, 18.7 to 1 |
| 3 | `#0e141c` | `oklch(18.80% 0.0191 256.15)` | Black Is Back | white, 18.5 to 1 |
| 4 | `#0f151e` | `oklch(19.50% 0.0207 255.51)` | Kuroi Black | white, 18.2 to 1 |
| 5 | `#101721` | `oklch(20.30% 0.0224 254.70)` | Kuroi Black | white, 17.9 to 1 |
| 6 | `#111924` | `oklch(21.16% 0.0243 253.81)` | River Styx | white, 17.6 to 1 |
| 7 | `#121c27` | `oklch(22.09% 0.0263 252.92)` | Coarse Wool | white, 17.2 to 1 |
| 8 | `#131e2a` | `oklch(23.05% 0.0284 252.09)` | The Count’s Black | white, 16.8 to 1 |
| 9 | `#14202e` | `oklch(24.04% 0.0307 251.42)` | Hēi Sè Black | white, 16.4 to 1 |
| 10 | `#152331` | `oklch(25.04% 0.0331 250.97)` | Fog of War | white, 15.9 to 1 |
| 11 | `#172535` | `oklch(26.02% 0.0356 250.82)` | Dark | white, 15.5 to 1 |
| 12 | `#182839` | `oklch(26.99% 0.0383 251.06)` | Abyssal Anchorfish Blue | white, 15 to 1 |
| 13 | `#192a3c` | `oklch(27.91% 0.0411 251.76)` | Oceanic Noir | white, 14.6 to 1 |
| 14 | `#1a2c40` | `oklch(28.77% 0.0439 253.00)` | NATO Blue | white, 14.2 to 1 |
| 15 | `#1c2e44` | `oklch(29.56% 0.0469 254.85)` | NATO Blue | white, 13.8 to 1 |
| 16 | `#1e2f47` | `oklch(30.25% 0.0500 257.40)` | Manganese Black | white, 13.5 to 1 |
| 17 | `#20304b` | `oklch(30.85% 0.0532 260.73)` | Manganese Black | white, 13.2 to 1 |
| 18 | `#23304e` | `oklch(31.33% 0.0566 265.11)` | Manganese Black | white, 13 to 1 |
| 19 | `#273051` | `oklch(31.72% 0.0602 270.52)` | Blue Lobelia | white, 12.9 to 1 |
| 20 | `#2b2f53` | `oklch(32.03% 0.0640 276.81)` | Lucky Point | white, 12.8 to 1 |
| 21 | `#302e55` | `oklch(32.29% 0.0680 283.82)` | Purple Noir | white, 12.7 to 1 |
| 22 | `#352c56` | `oklch(32.49% 0.0722 291.40)` | Purple Noir | white, 12.7 to 1 |
| 23 | `#3a2a56` | `oklch(32.66% 0.0764 299.40)` | Parachute Purple | white, 12.7 to 1 |
| 24 | `#402854` | `oklch(32.81% 0.0808 307.67)` | Queen’s Domain | white, 12.7 to 1 |
| 25 | `#462552` | `oklch(32.95% 0.0852 316.06)` | Queen’s Domain | white, 12.7 to 1 |
| 26 | `#4c234f` | `oklch(33.11% 0.0896 324.43)` | Queen’s Domain | white, 12.6 to 1 |
| 27 | `#51204b` | `oklch(33.30% 0.0941 332.61)` | Violet Carmine | white, 12.6 to 1 |
| 28 | `#561e46` | `oklch(33.52% 0.0985 340.45)` | Violet Carmine | white, 12.5 to 1 |
| 29 | `#5b1c41` | `oklch(33.80% 0.1028 347.82)` | Soul Anchor | white, 12.4 to 1 |
| 30 | `#601a3c` | `oklch(34.15% 0.1071 354.55)` | Soul Anchor | white, 12.3 to 1 |
| 31 | `#641837` | `oklch(34.59% 0.1112 0.49)` | Brown Chocolate | white, 12.1 to 1 |
| 32 | `#681732` | `oklch(35.12% 0.1152 5.49)` | Velvet Outbreak | white, 11.9 to 1 |
| 33 | `#6c172f` | `oklch(35.76% 0.1191 9.45)` | Velvet Outbreak | white, 11.6 to 1 |
| 34 | `#70172c` | `oklch(36.46% 0.1232 12.55)` | Velvet Outbreak | white, 11.3 to 1 |
| 35 | `#75162a` | `oklch(37.21% 0.1275 14.90)` | Jazzy Red | white, 11 to 1 |
| 36 | `#791628` | `oklch(38.01% 0.1320 16.61)` | Jazzy Red | white, 10.7 to 1 |
| 37 | `#7d1628` | `oklch(38.85% 0.1366 17.78)` | Jazzy Red | white, 10.3 to 1 |
| 38 | `#821628` | `oklch(39.74% 0.1412 18.51)` | Sweet Cherry Red | white, 10 to 1 |
| 39 | `#871628` | `oklch(40.68% 0.1457 18.89)` | Sweet Cherry Red | white, 9.6 to 1 |
| 40 | `#8c1729` | `oklch(41.65% 0.1501 19.02)` | Old Wine | white, 9.2 to 1 |
| 41 | `#90172b` | `oklch(42.67% 0.1544 19.00)` | Bacchic Burgundy | white, 8.9 to 1 |
| 42 | `#95182d` | `oklch(43.73% 0.1583 18.93)` | Bacchic Burgundy | white, 8.5 to 1 |
| 43 | `#9a1a2f` | `oklch(44.82% 0.1619 18.91)` | French Winery | white, 8.1 to 1 |
| 44 | `#9f1c31` | `oklch(45.96% 0.1651 19.03)` | Vivid Burgundy | white, 7.8 to 1 |
| 45 | `#a41f32` | `oklch(47.13% 0.1677 19.40)` | Alabama Crimson | white, 7.4 to 1 |
| 46 | `#a92234` | `oklch(48.34% 0.1699 20.10)` | Scarlet Sage | white, 7 to 1 |
| 47 | `#ae2634` | `oklch(49.58% 0.1714 21.25)` | Positive Red | white, 6.6 to 1 |
| 48 | `#b32b33` | `oklch(50.86% 0.1722 22.93)` | Unmatched Beauty | white, 6.3 to 1 |
| 49 | `#b83132` | `oklch(52.20% 0.1721 25.20)` | Scarlet Beebalm | white, 5.9 to 1 |
| 50 | `#bd382f` | `oklch(53.70% 0.1712 27.91)` | Golden Gate Bridge | white, 5.5 to 1 |
| 51 | `#c2402d` | `oklch(55.34% 0.1694 31.01)` | Dried Saffron | white, 5.1 to 1 |
| 52 | `#c6482b` | `oklch(57.07% 0.1669 34.41)` | Red Fang | white, 4.8 to 1 |
| 53 | `#ca5129` | `oklch(58.89% 0.1638 38.07)` | Orange Keeper | black, 4.7 to 1 |
| 54 | `#ce5a27` | `oklch(60.75% 0.1602 41.90)` | Play School | black, 5.1 to 1 |
| 55 | `#d26427` | `oklch(62.64% 0.1563 45.85)` | Harvest Pumpkin | black, 5.5 to 1 |
| 56 | `#d56d28` | `oklch(64.53% 0.1521 49.83)` | Christmas Orange | black, 6 to 1 |
| 57 | `#d7762b` | `oklch(66.39% 0.1478 53.80)` | Bitter Orange | black, 6.5 to 1 |
| 58 | `#d97f2f` | `oklch(68.19% 0.1435 57.67)` | Mexican Spirit | black, 7 to 1 |
| 59 | `#db8834` | `oklch(69.92% 0.1393 61.39)` | Kanafeh | black, 7.5 to 1 |
| 60 | `#dc8f3a` | `oklch(71.53% 0.1353 64.88)` | Soft Pumpkin | black, 8 to 1 |
| 61 | `#de9740` | `oklch(73.01% 0.1317 68.07)` | Fire Bush | black, 8.5 to 1 |
| 62 | `#de9d46` | `oklch(74.33% 0.1285 70.91)` | Pavilion Peach | black, 9 to 1 |
| 63 | `#dfa24b` | `oklch(75.46% 0.1259 73.32)` | Golden Tiger | black, 9.4 to 1 |
| 64 | `#e0a64f` | `oklch(76.38% 0.1240 75.23)` | Golden Tiger | black, 9.7 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #0c1118 0.0%, #0d121a 1.6%, #0e141c 3.2%, #0f151e 4.8%, #101721 6.3%, #111924 7.9%, #121c27 9.5%, #131e2a 11.1%, #14202e 12.7%, #152331 14.3%, #172535 15.9%, #182839 17.5%, #192a3c 19.0%, #1a2c40 20.6%, #1c2e44 22.2%, #1e2f47 23.8%, #20304b 25.4%, #23304e 27.0%, #273051 28.6%, #2b2f53 30.2%, #302e55 31.7%, #352c56 33.3%, #3a2a56 34.9%, #402854 36.5%, #462552 38.1%, #4c234f 39.7%, #51204b 41.3%, #561e46 42.9%, #5b1c41 44.4%, #601a3c 46.0%, #641837 47.6%, #681732 49.2%, #6c172f 50.8%, #70172c 52.4%, #75162a 54.0%, #791628 55.6%, #7d1628 57.1%, #821628 58.7%, #871628 60.3%, #8c1729 61.9%, #90172b 63.5%, #95182d 65.1%, #9a1a2f 66.7%, #9f1c31 68.3%, #a41f32 69.8%, #a92234 71.4%, #ae2634 73.0%, #b32b33 74.6%, #b83132 76.2%, #bd382f 77.8%, #c2402d 79.4%, #c6482b 81.0%, #ca5129 82.5%, #ce5a27 84.1%, #d26427 85.7%, #d56d28 87.3%, #d7762b 88.9%, #d97f2f 90.5%, #db8834 92.1%, #dc8f3a 93.7%, #de9740 95.2%, #de9d46 96.8%, #dfa24b 98.4%, #e0a64f 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(17.72% 0.0165 256.64) 0.0%, oklch(18.20% 0.0178 256.56) 1.6%, oklch(18.80% 0.0191 256.15) 3.2%, oklch(19.50% 0.0207 255.51) 4.8%, oklch(20.30% 0.0224 254.70) 6.3%, oklch(21.16% 0.0243 253.81) 7.9%, oklch(22.09% 0.0263 252.92) 9.5%, oklch(23.05% 0.0284 252.09) 11.1%, oklch(24.04% 0.0307 251.42) 12.7%, oklch(25.04% 0.0331 250.97) 14.3%, oklch(26.02% 0.0356 250.82) 15.9%, oklch(26.99% 0.0383 251.06) 17.5%, oklch(27.91% 0.0411 251.76) 19.0%, oklch(28.77% 0.0439 253.00) 20.6%, oklch(29.56% 0.0469 254.85) 22.2%, oklch(30.25% 0.0500 257.40) 23.8%, oklch(30.85% 0.0532 260.73) 25.4%, oklch(31.33% 0.0566 265.11) 27.0%, oklch(31.72% 0.0602 270.52) 28.6%, oklch(32.03% 0.0640 276.81) 30.2%, oklch(32.29% 0.0680 283.82) 31.7%, oklch(32.49% 0.0722 291.40) 33.3%, oklch(32.66% 0.0764 299.40) 34.9%, oklch(32.81% 0.0808 307.67) 36.5%, oklch(32.95% 0.0852 316.06) 38.1%, oklch(33.11% 0.0896 324.43) 39.7%, oklch(33.30% 0.0941 332.61) 41.3%, oklch(33.52% 0.0985 340.45) 42.9%, oklch(33.80% 0.1028 347.82) 44.4%, oklch(34.15% 0.1071 354.55) 46.0%, oklch(34.59% 0.1112 0.49) 47.6%, oklch(35.12% 0.1152 5.49) 49.2%, oklch(35.76% 0.1191 9.45) 50.8%, oklch(36.46% 0.1232 12.55) 52.4%, oklch(37.21% 0.1275 14.90) 54.0%, oklch(38.01% 0.1320 16.61) 55.6%, oklch(38.85% 0.1366 17.78) 57.1%, oklch(39.74% 0.1412 18.51) 58.7%, oklch(40.68% 0.1457 18.89) 60.3%, oklch(41.65% 0.1501 19.02) 61.9%, oklch(42.67% 0.1544 19.00) 63.5%, oklch(43.73% 0.1583 18.93) 65.1%, oklch(44.82% 0.1619 18.91) 66.7%, oklch(45.96% 0.1651 19.03) 68.3%, oklch(47.13% 0.1677 19.40) 69.8%, oklch(48.34% 0.1699 20.10) 71.4%, oklch(49.58% 0.1714 21.25) 73.0%, oklch(50.86% 0.1722 22.93) 74.6%, oklch(52.20% 0.1721 25.20) 76.2%, oklch(53.70% 0.1712 27.91) 77.8%, oklch(55.34% 0.1694 31.01) 79.4%, oklch(57.07% 0.1669 34.41) 81.0%, oklch(58.89% 0.1638 38.07) 82.5%, oklch(60.75% 0.1602 41.90) 84.1%, oklch(62.64% 0.1563 45.85) 85.7%, oklch(64.53% 0.1521 49.83) 87.3%, oklch(66.39% 0.1478 53.80) 88.9%, oklch(68.19% 0.1435 57.67) 90.5%, oklch(69.92% 0.1393 61.39) 92.1%, oklch(71.53% 0.1353 64.88) 93.7%, oklch(73.01% 0.1317 68.07) 95.2%, oklch(74.33% 0.1285 70.91) 96.8%, oklch(75.46% 0.1259 73.32) 98.4%, oklch(76.38% 0.1240 75.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.017 | 256.6 |
| 2 | 0.307 | 0.052 | 259.8 |
| 3 | 0.354 | 0.117 | 367.6 |
| 4 | 0.512 | 0.172 | 383.5 |
| 5 | 0.764 | 0.124 | 435.2 |

## In these collections

- [Opera aesthetic](https://grabient.com/opera-aesthetic)

## Other forms

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