# Red black cyan corner glow

Black, orange, light blue and navy angular gradient with 34 colors: #000000, #000000, #030000, #0f0000, #200000, #350100, #500100, #6f0300, #8f0c00, #ac1c00, #c32d00, #d73f0d, #e1592b, #e7713e, #e9874b, #e69e57, #dbb56e, #cec88d, #c5d3a8, #bfdab9, #b2dfc1, #99e2ca, #75e2d5, #4cdde1, #2cd2e7, #19c3e3, #0db2d7, #049fc8, #008ab6, #0072a3, #00568a, #003971, #01205c, #040d4c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, orange, light blue and navy angular gradient
- Seed: `kcAAAZGJw_UBJwFcMsI7RPKGauR9JK0MmylEA`
- Page: https://grabient.com/kcAAAZGJw_UBJwFcMsI7RPKGauR9JK0MmylEA?style=angularGradient&steps=34&angle=180
- Drawn as: angular gradient, 34 steps, 180 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 14.1 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 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 2 | `#000000` | `oklch(2.62% 0.0103 30.66)` | Black | white, 20.9 to 1 |
| 3 | `#030000` | `oklch(6.23% 0.0246 30.48)` | Binary Black | white, 20.9 to 1 |
| 4 | `#0f0000` | `oklch(10.60% 0.0422 30.29)` | Dark Matter | white, 20.5 to 1 |
| 5 | `#200000` | `oklch(15.54% 0.0621 30.14)` | Ponzu Brown | white, 19.7 to 1 |
| 6 | `#350100` | `oklch(20.88% 0.0838 29.81)` | Old Brown Crayon | white, 18.1 to 1 |
| 7 | `#500100` | `oklch(27.17% 0.1107 29.47)` | Umbral Umber | white, 15.6 to 1 |
| 8 | `#6f0300` | `oklch(34.16% 0.1379 29.79)` | Hellbound | white, 12.4 to 1 |
| 9 | `#8f0c00` | `oklch(41.26% 0.1627 30.58)` | Brick Red | white, 9.4 to 1 |
| 10 | `#ac1c00` | `oklch(47.86% 0.1810 32.08)` | Saveloy | white, 7.2 to 1 |
| 11 | `#c32d00` | `oklch(53.55% 0.1919 34.14)` | Once Bitten | white, 5.6 to 1 |
| 12 | `#d73f0d` | `oklch(58.73% 0.1962 35.74)` | Flame of Prometheus | black, 4.6 to 1 |
| 13 | `#e1592b` | `oklch(63.52% 0.1801 38.02)` | Flame | black, 5.6 to 1 |
| 14 | `#e7713e` | `oklch(67.90% 0.1603 42.47)` | Camel Red | black, 6.8 to 1 |
| 15 | `#e9874b` | `oklch(71.90% 0.1415 50.53)` | Autumn Glimmer | black, 8 to 1 |
| 16 | `#e69e57` | `oklch(75.65% 0.1228 63.83)` | Pumpkin Pie | black, 9.4 to 1 |
| 17 | `#dbb56e` | `oklch(79.21% 0.0997 81.86)` | Yellow Lab | black, 10.8 to 1 |
| 18 | `#cec88d` | `oklch(82.30% 0.0770 102.19)` | Dusty Yellow | black, 12.2 to 1 |
| 19 | `#c5d3a8` | `oklch(84.64% 0.0599 122.36)` | Pistachio Pudding | black, 13.3 to 1 |
| 20 | `#bfdab9` | `oklch(85.94% 0.0537 139.97)` | Grasshopper Pie | black, 13.9 to 1 |
| 21 | `#b2dfc1` | `oklch(86.28% 0.0622 155.99)` | Quantum Effect | black, 14.1 to 1 |
| 22 | `#99e2ca` | `oklch(85.77% 0.0808 171.41)` | Beach Glass | black, 14 to 1 |
| 23 | `#75e2d5` | `oklch(84.44% 0.1026 185.65)` | Turquoise Chalk | black, 13.5 to 1 |
| 24 | `#4cdde1` | `oklch(82.30% 0.1207 198.12)` | Neon Nazar | black, 12.7 to 1 |
| 25 | `#2cd2e7` | `oklch(79.33% 0.1291 208.18)` | Thousand Sons Blue | black, 11.4 to 1 |
| 26 | `#19c3e3` | `oklch(75.42% 0.1302 215.20)` | Caribbean Blue | black, 9.9 to 1 |
| 27 | `#0db2d7` | `oklch(70.67% 0.1273 220.28)` | Aquarius | black, 8.3 to 1 |
| 28 | `#049fc8` | `oklch(65.24% 0.1228 224.74)` | Blue Ocean | black, 6.7 to 1 |
| 29 | `#008ab6` | `oklch(59.27% 0.1180 229.93)` | Spinnaker Blue | black, 5.3 to 1 |
| 30 | `#0072a3` | `oklch(52.35% 0.1142 236.95)` | Quarterdeck | white, 5.3 to 1 |
| 31 | `#00568a` | `oklch(43.75% 0.1109 245.35)` | Dark Denim | white, 7.8 to 1 |
| 32 | `#003971` | `oklch(34.76% 0.1104 253.93)` | Tardis Blue | white, 11.4 to 1 |
| 33 | `#01205c` | `oklch(26.79% 0.1137 261.35)` | Clarinet | white, 15.4 to 1 |
| 34 | `#040d4c` | `oklch(21.26% 0.1130 266.58)` | Kantor Blue | white, 17.9 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #000000 0.0%, #000000 3.0%, #030000 6.1%, #0f0000 9.1%, #200000 12.1%, #350100 15.2%, #500100 18.2%, #6f0300 21.2%, #8f0c00 24.2%, #ac1c00 27.3%, #c32d00 30.3%, #d73f0d 33.3%, #e1592b 36.4%, #e7713e 39.4%, #e9874b 42.4%, #e69e57 45.5%, #dbb56e 48.5%, #cec88d 51.5%, #c5d3a8 54.5%, #bfdab9 57.6%, #b2dfc1 60.6%, #99e2ca 63.6%, #75e2d5 66.7%, #4cdde1 69.7%, #2cd2e7 72.7%, #19c3e3 75.8%, #0db2d7 78.8%, #049fc8 81.8%, #008ab6 84.8%, #0072a3 87.9%, #00568a 90.9%, #003971 93.9%, #01205c 97.0%, #040d4c 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(2.62% 0.0103 30.66) 3.0%, oklch(6.23% 0.0246 30.48) 6.1%, oklch(10.60% 0.0422 30.29) 9.1%, oklch(15.54% 0.0621 30.14) 12.1%, oklch(20.88% 0.0838 29.81) 15.2%, oklch(27.17% 0.1107 29.47) 18.2%, oklch(34.16% 0.1379 29.79) 21.2%, oklch(41.26% 0.1627 30.58) 24.2%, oklch(47.86% 0.1810 32.08) 27.3%, oklch(53.55% 0.1919 34.14) 30.3%, oklch(58.73% 0.1962 35.74) 33.3%, oklch(63.52% 0.1801 38.02) 36.4%, oklch(67.90% 0.1603 42.47) 39.4%, oklch(71.90% 0.1415 50.53) 42.4%, oklch(75.65% 0.1228 63.83) 45.5%, oklch(79.21% 0.0997 81.86) 48.5%, oklch(82.30% 0.0770 102.19) 51.5%, oklch(84.64% 0.0599 122.36) 54.5%, oklch(85.94% 0.0537 139.97) 57.6%, oklch(86.28% 0.0622 155.99) 60.6%, oklch(85.77% 0.0808 171.41) 63.6%, oklch(84.44% 0.1026 185.65) 66.7%, oklch(82.30% 0.1207 198.12) 69.7%, oklch(79.33% 0.1291 208.18) 72.7%, oklch(75.42% 0.1302 215.20) 75.8%, oklch(70.67% 0.1273 220.28) 78.8%, oklch(65.24% 0.1228 224.74) 81.8%, oklch(59.27% 0.1180 229.93) 84.8%, oklch(52.35% 0.1142 236.95) 87.9%, oklch(43.75% 0.1109 245.35) 90.9%, oklch(34.76% 0.1104 253.93) 93.9%, oklch(26.79% 0.1137 261.35) 97.0%, oklch(21.26% 0.1130 266.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0 | 0 | 35.2 |
| 2 | 0.193 | 0.077 | 29.9 |
| 3 | 0.504 | 0.203 | 33 |
| 4 | 0.724 | 0.139 | 52.1 |
| 5 | 0.858 | 0.054 | 137.7 |
| 6 | 0.807 | 0.127 | 204.2 |
| 7 | 0.575 | 0.119 | 231.7 |
| 8 | 0.213 | 0.113 | 266.6 |

## Other forms

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