# Orange, burgundy and cobalt blue mooncake candlelight

The Orange, burgundy and cobalt blue mooncake candlelight brings together orange, red, purple, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is orange.

- Also called: Orange, brown, dark purple and blue linear gradient
- Seed: `kctmwrz7Y_MGxPy0KL9KZi9icVtqto7vuKc-4`
- Page: https://grabient.com/kctmwrz7Y_MGxPy0KL9KZi9icVtqto7vuKc-4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.2 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 | `#e58b2e` | `oklch(71.65% 0.1488 61.17)` | Texas Longhorn | black, 8 to 1 |
| 2 | `#e1862a` | `oklch(70.26% 0.1491 60.17)` | Kanafeh | black, 7.6 to 1 |
| 3 | `#db7f24` | `oklch(68.29% 0.1496 58.74)` | Orange Pepper | black, 7 to 1 |
| 4 | `#d5761d` | `oklch(65.98% 0.1498 57.10)` | Bitter Orange | black, 6.4 to 1 |
| 5 | `#cd6e16` | `oklch(63.59% 0.1494 55.47)` | Autumn Maple | black, 5.8 to 1 |
| 6 | `#c66712` | `oklch(61.27% 0.1478 54.01)` | Brusque Brown | black, 5.3 to 1 |
| 7 | `#bd5f0e` | `oklch(58.82% 0.1453 52.54)` | Super Leaf Brown | black, 4.8 to 1 |
| 8 | `#b4570c` | `oklch(56.27% 0.1422 51.08)` | Elm Brown Red | white, 4.8 to 1 |
| 9 | `#ab500a` | `oklch(53.71% 0.1385 49.65)` | Cinnamon Bun | white, 5.4 to 1 |
| 10 | `#a2490a` | `oklch(51.22% 0.1344 48.31)` | Powdered Coffee | white, 6 to 1 |
| 11 | `#984307` | `oklch(48.75% 0.1302 47.42)` | Roux | white, 6.6 to 1 |
| 12 | `#8f3d05` | `oklch(46.26% 0.1256 46.76)` | Espresso Martini | white, 7.4 to 1 |
| 13 | `#853705` | `oklch(43.85% 0.1202 45.79)` | Coffee Addiction | white, 8.2 to 1 |
| 14 | `#7c320a` | `oklch(41.56% 0.1137 43.96)` | Beer Glazed Bacon | white, 9 to 1 |
| 15 | `#732e11` | `oklch(39.41% 0.1053 41.44)` | Chestnut | white, 9.8 to 1 |
| 16 | `#692b16` | `oklch(37.28% 0.0944 39.18)` | Moussaka | white, 10.7 to 1 |
| 17 | `#5f291b` | `oklch(35.31% 0.0829 35.81)` | Chestnut Leather | white, 11.5 to 1 |
| 18 | `#572720` | `oklch(33.63% 0.0728 29.83)` | Caput Mortuum | white, 12.3 to 1 |
| 19 | `#502426` | `oklch(32.36% 0.0659 19.64)` | Lonestar | white, 12.8 to 1 |
| 20 | `#4a232e` | `oklch(31.43% 0.0611 3.35)` | Dark Mahogany | white, 13.3 to 1 |
| 21 | `#442337` | `oklch(30.82% 0.0581 343.42)` | Juice Violet | white, 13.6 to 1 |
| 22 | `#3d2540` | `oklch(30.56% 0.0572 323.39)` | Aubergine Mauve | white, 13.6 to 1 |
| 23 | `#372747` | `oklch(30.66% 0.0588 306.81)` | Operetta Mauve | white, 13.6 to 1 |
| 24 | `#33294e` | `oklch(31.20% 0.0642 295.21)` | Parachute Purple | white, 13.3 to 1 |
| 25 | `#312c57` | `oklch(32.17% 0.0736 286.32)` | Purple Noir | white, 12.8 to 1 |
| 26 | `#2e3061` | `oklch(33.46% 0.0844 279.44)` | Galaxea | white, 12.2 to 1 |
| 27 | `#2c346b` | `oklch(34.94% 0.0939 273.91)` | Deep Koamaru | white, 11.5 to 1 |
| 28 | `#2a3a73` | `oklch(36.56% 0.1000 269.26)` | Blue Expanse | white, 10.8 to 1 |
| 29 | `#2a407b` | `oklch(38.66% 0.1034 266.21)` | Mazarine Blue | white, 9.9 to 1 |
| 30 | `#2d4783` | `oklch(40.97% 0.1054 264.48)` | Florida Waters | white, 8.9 to 1 |
| 31 | `#304d8a` | `oklch(43.05% 0.1065 263.50)` | Regal Destiny | white, 8.2 to 1 |
| 32 | `#33518f` | `oklch(44.49% 0.1075 262.66)` | Nightly Activities | white, 7.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e58b2e 0.0%, #e1862a 3.2%, #db7f24 6.5%, #d5761d 9.7%, #cd6e16 12.9%, #c66712 16.1%, #bd5f0e 19.4%, #b4570c 22.6%, #ab500a 25.8%, #a2490a 29.0%, #984307 32.3%, #8f3d05 35.5%, #853705 38.7%, #7c320a 41.9%, #732e11 45.2%, #692b16 48.4%, #5f291b 51.6%, #572720 54.8%, #502426 58.1%, #4a232e 61.3%, #442337 64.5%, #3d2540 67.7%, #372747 71.0%, #33294e 74.2%, #312c57 77.4%, #2e3061 80.6%, #2c346b 83.9%, #2a3a73 87.1%, #2a407b 90.3%, #2d4783 93.5%, #304d8a 96.8%, #33518f 100.0%);
background: linear-gradient(135deg in oklch, oklch(71.65% 0.1488 61.17) 0.0%, oklch(70.26% 0.1491 60.17) 3.2%, oklch(68.29% 0.1496 58.74) 6.5%, oklch(65.98% 0.1498 57.10) 9.7%, oklch(63.59% 0.1494 55.47) 12.9%, oklch(61.27% 0.1478 54.01) 16.1%, oklch(58.82% 0.1453 52.54) 19.4%, oklch(56.27% 0.1422 51.08) 22.6%, oklch(53.71% 0.1385 49.65) 25.8%, oklch(51.22% 0.1344 48.31) 29.0%, oklch(48.75% 0.1302 47.42) 32.3%, oklch(46.26% 0.1256 46.76) 35.5%, oklch(43.85% 0.1202 45.79) 38.7%, oklch(41.56% 0.1137 43.96) 41.9%, oklch(39.41% 0.1053 41.44) 45.2%, oklch(37.28% 0.0944 39.18) 48.4%, oklch(35.31% 0.0829 35.81) 51.6%, oklch(33.63% 0.0728 29.83) 54.8%, oklch(32.36% 0.0659 19.64) 58.1%, oklch(31.43% 0.0611 3.35) 61.3%, oklch(30.82% 0.0581 343.42) 64.5%, oklch(30.56% 0.0572 323.39) 67.7%, oklch(30.66% 0.0588 306.81) 71.0%, oklch(31.20% 0.0642 295.21) 74.2%, oklch(32.17% 0.0736 286.32) 77.4%, oklch(33.46% 0.0844 279.44) 80.6%, oklch(34.94% 0.0939 273.91) 83.9%, oklch(36.56% 0.1000 269.26) 87.1%, oklch(38.66% 0.1034 266.21) 90.3%, oklch(40.97% 0.1054 264.48) 93.5%, oklch(43.05% 0.1065 263.50) 96.8%, oklch(44.49% 0.1075 262.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.149 | 61.2 |
| 2 | 0.626 | 0.149 | 54.8 |
| 3 | 0.516 | 0.135 | 48.5 |
| 4 | 0.409 | 0.112 | 43.2 |
| 5 | 0.327 | 0.068 | 23.1 |
| 6 | 0.307 | 0.059 | -55.1 |
| 7 | 0.358 | 0.098 | -88.9 |
| 8 | 0.445 | 0.107 | -97.3 |

## In these collections

- [Mooncake candlelight](https://grabient.com/mooncake-candlelight)

## Other forms

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