# Velvet footlight sweep

A black auditorium opens through oxblood and scarlet velvet into amber and warm ivory footlight. This diagonal gradient suits opera posters, theatrical event headers, and dramatic landing pages where a dark entrance should resolve into a luminous, gilded focal area.

- Also called: Black, red and beige linear gradient
- Seed: `kWKwzhLS5HERGQJjMkV-ZRCg`
- Page: https://grabient.com/kWKwzhLS5HERGQJjMkV-ZRCg?steps=32&angle=118
- Drawn as: linear gradient, 32 steps, 118 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 16.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 | `#120d14` | `oklch(16.93% 0.0165 316.41)` | Ruined Smores | white, 19.1 to 1 |
| 2 | `#180f19` | `oklch(18.41% 0.0257 321.63)` | Shot in the Dark | white, 18.7 to 1 |
| 3 | `#20101f` | `oklch(20.40% 0.0382 329.03)` | Inside | white, 18.1 to 1 |
| 4 | `#2c1125` | `oklch(22.76% 0.0532 337.87)` | Dark Prom Queen | white, 17.2 to 1 |
| 5 | `#391229` | `oklch(25.39% 0.0696 347.40)` | Nightly Voyager | white, 16.2 to 1 |
| 6 | `#48122a` | `oklch(28.14% 0.0864 356.88)` | Blackberry | white, 15 to 1 |
| 7 | `#571128` | `oklch(30.92% 0.1027 5.57)` | Chocolate Cosmos | white, 13.8 to 1 |
| 8 | `#651025` | `oklch(33.58% 0.1174 12.73)` | Dark Humour | white, 12.6 to 1 |
| 9 | `#721022` | `oklch(36.02% 0.1296 17.62)` | Heavy Heart | white, 11.5 to 1 |
| 10 | `#7d1021` | `oklch(38.31% 0.1413 20.16)` | Oxblood | white, 10.6 to 1 |
| 11 | `#890f22` | `oklch(40.53% 0.1528 20.96)` | Barbera | white, 9.7 to 1 |
| 12 | `#940d25` | `oklch(42.73% 0.1638 20.64)` | Nigritella Red | white, 8.9 to 1 |
| 13 | `#9f0d2a` | `oklch(44.96% 0.1737 19.81)` | Petal of a Dying Rose | white, 8.1 to 1 |
| 14 | `#aa0f2f` | `oklch(47.25% 0.1821 19.11)` | Melancholic Macaw | white, 7.4 to 1 |
| 15 | `#b51534` | `oklch(49.65% 0.1884 19.14)` | Vinho do Porto | white, 6.7 to 1 |
| 16 | `#bf1f36` | `oklch(52.20% 0.1922 20.53)` | Relief | white, 6 to 1 |
| 17 | `#ca2c35` | `oklch(54.95% 0.1928 23.81)` | Mars Red | white, 5.3 to 1 |
| 18 | `#d33c30` | `oklch(57.97% 0.1903 28.70)` | Blade Runner Red | white, 4.7 to 1 |
| 19 | `#dc4d2a` | `oklch(61.19% 0.1851 34.73)` | Crab Curry | black, 5.1 to 1 |
| 20 | `#e35f24` | `oklch(64.51% 0.1778 41.48)` | Blazon Skies | black, 5.9 to 1 |
| 21 | `#e87123` | `oklch(67.87% 0.1690 48.54)` | Autumn Landscape | black, 6.8 to 1 |
| 22 | `#eb832a` | `oklch(71.17% 0.1594 55.47)` | Bourbon Peach | black, 7.8 to 1 |
| 23 | `#ee9337` | `oklch(74.33% 0.1496 61.85)` | Furry Lion | black, 8.8 to 1 |
| 24 | `#f0a246` | `oklch(77.26% 0.1401 67.27)` | Yáng Chéng Orange | black, 9.9 to 1 |
| 25 | `#f2af56` | `oklch(80.01% 0.1305 71.62)` | Deep Fried | black, 11 to 1 |
| 26 | `#f3bb69` | `oklch(82.76% 0.1194 75.52)` | Brasso | black, 12.1 to 1 |
| 27 | `#f5c77c` | `oklch(85.45% 0.1071 78.99)` | Sunday Afternoon | black, 13.3 to 1 |
| 28 | `#f7d28f` | `oklch(88.03% 0.0946 82.07)` | Light Ginger Yellow | black, 14.5 to 1 |
| 29 | `#f9dca0` | `oklch(90.41% 0.0824 84.75)` | First Day of School | black, 15.7 to 1 |
| 30 | `#fbe4b0` | `oklch(92.52% 0.0713 87.06)` | Khaki Core | black, 16.8 to 1 |
| 31 | `#fdebbd` | `oklch(94.30% 0.0619 89.01)` | Pale Organza | black, 17.7 to 1 |
| 32 | `#fff0c7` | `oklch(95.67% 0.0551 90.61)` | Sunrise Glow | black, 18.5 to 1 |

## CSS

```css
background: linear-gradient(118deg, #120d14 0.0%, #180f19 3.2%, #20101f 6.5%, #2c1125 9.7%, #391229 12.9%, #48122a 16.1%, #571128 19.4%, #651025 22.6%, #721022 25.8%, #7d1021 29.0%, #890f22 32.3%, #940d25 35.5%, #9f0d2a 38.7%, #aa0f2f 41.9%, #b51534 45.2%, #bf1f36 48.4%, #ca2c35 51.6%, #d33c30 54.8%, #dc4d2a 58.1%, #e35f24 61.3%, #e87123 64.5%, #eb832a 67.7%, #ee9337 71.0%, #f0a246 74.2%, #f2af56 77.4%, #f3bb69 80.6%, #f5c77c 83.9%, #f7d28f 87.1%, #f9dca0 90.3%, #fbe4b0 93.5%, #fdebbd 96.8%, #fff0c7 100.0%);
background: linear-gradient(118deg in oklch, oklch(16.93% 0.0165 316.41) 0.0%, oklch(18.41% 0.0257 321.63) 3.2%, oklch(20.40% 0.0382 329.03) 6.5%, oklch(22.76% 0.0532 337.87) 9.7%, oklch(25.39% 0.0696 347.40) 12.9%, oklch(28.14% 0.0864 356.88) 16.1%, oklch(30.92% 0.1027 5.57) 19.4%, oklch(33.58% 0.1174 12.73) 22.6%, oklch(36.02% 0.1296 17.62) 25.8%, oklch(38.31% 0.1413 20.16) 29.0%, oklch(40.53% 0.1528 20.96) 32.3%, oklch(42.73% 0.1638 20.64) 35.5%, oklch(44.96% 0.1737 19.81) 38.7%, oklch(47.25% 0.1821 19.11) 41.9%, oklch(49.65% 0.1884 19.14) 45.2%, oklch(52.20% 0.1922 20.53) 48.4%, oklch(54.95% 0.1928 23.81) 51.6%, oklch(57.97% 0.1903 28.70) 54.8%, oklch(61.19% 0.1851 34.73) 58.1%, oklch(64.51% 0.1778 41.48) 61.3%, oklch(67.87% 0.1690 48.54) 64.5%, oklch(71.17% 0.1594 55.47) 67.7%, oklch(74.33% 0.1496 61.85) 71.0%, oklch(77.26% 0.1401 67.27) 74.2%, oklch(80.01% 0.1305 71.62) 77.4%, oklch(82.76% 0.1194 75.52) 80.6%, oklch(85.45% 0.1071 78.99) 83.9%, oklch(88.03% 0.0946 82.07) 87.1%, oklch(90.41% 0.0824 84.75) 90.3%, oklch(92.52% 0.0713 87.06) 93.5%, oklch(94.30% 0.0619 89.01) 96.8%, oklch(95.67% 0.0551 90.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.017 | 316.4 |
| 2 | 0.354 | 0.127 | 376.6 |
| 3 | 0.535 | 0.193 | 381.9 |
| 4 | 0.78 | 0.138 | 428.4 |
| 5 | 0.957 | 0.055 | 450.6 |

## In these collections

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

## Other forms

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