# Midnight Berry Candlelight

A midnight blue center passes through violet and wine into holly red, antique gold, and champagne. The evening holiday glow works for Christmas invitations, seasonal posters, greeting graphics, presentation covers, and centered layouts that need cool depth surrounded by festive red and warm metallic color.

- Also called: Navy, gray, purple and tan radial gradient
- Seed: `kURBzCOo-6785UHnHUhg`
- Page: https://grabient.com/kURBzCOo-6785UHnHUhg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.4 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 | `#1f2539` | `oklch(26.77% 0.0386 272.81)` | Midnight Express | white, 15.2 to 1 |
| 2 | `#21283c` | `oklch(27.94% 0.0384 269.62)` | Midnight Express | white, 14.6 to 1 |
| 3 | `#232c40` | `oklch(29.53% 0.0375 264.55)` | Spinel Stone Black | white, 13.8 to 1 |
| 4 | `#263244` | `oklch(31.43% 0.0362 258.19)` | Crow Black | white, 12.9 to 1 |
| 5 | `#293848` | `oklch(33.56% 0.0348 251.18)` | In the Navy | white, 11.9 to 1 |
| 6 | `#2d3f4d` | `oklch(35.81% 0.0337 244.10)` | Deepsea Core | white, 10.8 to 1 |
| 7 | `#324552` | `oklch(38.10% 0.0330 237.58)` | Azul Petróleo | white, 9.9 to 1 |
| 8 | `#364c58` | `oklch(40.33% 0.0331 232.21)` | Nocturne | white, 9 to 1 |
| 9 | `#3a525d` | `oklch(42.39% 0.0342 228.62)` | Restless Sea | white, 8.2 to 1 |
| 10 | `#3d5763` | `oklch(44.20% 0.0368 227.41)` | Stargazer | white, 7.6 to 1 |
| 11 | `#3f5c6a` | `oklch(45.67% 0.0409 229.18)` | Blue Spell | white, 7.1 to 1 |
| 12 | `#3f5f71` | `oklch(46.68% 0.0474 234.54)` | Superior Blue | white, 6.8 to 1 |
| 13 | `#3f5f79` | `oklch(47.22% 0.0570 243.47)` | Chinese Porcelain | white, 6.7 to 1 |
| 14 | `#415e82` | `oklch(47.41% 0.0691 255.30)` | Atlantic Schooner | white, 6.7 to 1 |
| 15 | `#49598b` | `oklch(47.35% 0.0829 269.36)` | Gem | white, 6.8 to 1 |
| 16 | `#565290` | `oklch(47.17% 0.0976 284.98)` | Purple Corallite | white, 6.9 to 1 |
| 17 | `#66498f` | `oklch(46.99% 0.1123 301.47)` | Lords of the Night | white, 7.1 to 1 |
| 18 | `#774088` | `oklch(46.92% 0.1262 318.15)` | Amaranth Purple | white, 7.3 to 1 |
| 19 | `#87377a` | `oklch(47.10% 0.1385 334.35)` | Violet Vixen | white, 7.3 to 1 |
| 20 | `#953069` | `oklch(47.62% 0.1483 349.39)` | Magenta Manicure | white, 7.2 to 1 |
| 21 | `#a12d57` | `oklch(48.62% 0.1549 2.59)` | Parlour Red | white, 6.9 to 1 |
| 22 | `#aa3049` | `oklch(50.22% 0.1575 13.41)` | Mad About You | white, 6.4 to 1 |
| 23 | `#b33b3d` | `oklch(52.53% 0.1559 23.14)` | Scarlet Tanager | white, 5.8 to 1 |
| 24 | `#bb4935` | `oklch(55.45% 0.1511 32.25)` | Volcanic Unrest | white, 5.1 to 1 |
| 25 | `#c15a32` | `oklch(58.81% 0.1437 40.75)` | Tartare | black, 4.7 to 1 |
| 26 | `#c76b36` | `oklch(62.45% 0.1343 48.62)` | Burnt Copper | black, 5.5 to 1 |
| 27 | `#cc7d40` | `oklch(66.20% 0.1239 55.84)` | Topaz | black, 6.5 to 1 |
| 28 | `#d08d4f` | `oklch(69.92% 0.1130 62.41)` | Orange Nectar Bat | black, 7.6 to 1 |
| 29 | `#d49d5f` | `oklch(73.42% 0.1024 68.31)` | Honey Beehive | black, 8.7 to 1 |
| 30 | `#d7aa6f` | `oklch(76.57% 0.0929 73.53)` | Flower Field | black, 9.8 to 1 |
| 31 | `#d9b57c` | `oklch(79.18% 0.0852 78.06)` | Soft Chamois | black, 10.8 to 1 |
| 32 | `#dbbd86` | `oklch(81.10% 0.0799 81.89)` | Brown Rice | black, 11.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1f2539 0.0%, #21283c 3.2%, #232c40 6.5%, #263244 9.7%, #293848 12.9%, #2d3f4d 16.1%, #324552 19.4%, #364c58 22.6%, #3a525d 25.8%, #3d5763 29.0%, #3f5c6a 32.3%, #3f5f71 35.5%, #3f5f79 38.7%, #415e82 41.9%, #49598b 45.2%, #565290 48.4%, #66498f 51.6%, #774088 54.8%, #87377a 58.1%, #953069 61.3%, #a12d57 64.5%, #aa3049 67.7%, #b33b3d 71.0%, #bb4935 74.2%, #c15a32 77.4%, #c76b36 80.6%, #cc7d40 83.9%, #d08d4f 87.1%, #d49d5f 90.3%, #d7aa6f 93.5%, #d9b57c 96.8%, #dbbd86 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.77% 0.0386 272.81) 0.0%, oklch(27.94% 0.0384 269.62) 3.2%, oklch(29.53% 0.0375 264.55) 6.5%, oklch(31.43% 0.0362 258.19) 9.7%, oklch(33.56% 0.0348 251.18) 12.9%, oklch(35.81% 0.0337 244.10) 16.1%, oklch(38.10% 0.0330 237.58) 19.4%, oklch(40.33% 0.0331 232.21) 22.6%, oklch(42.39% 0.0342 228.62) 25.8%, oklch(44.20% 0.0368 227.41) 29.0%, oklch(45.67% 0.0409 229.18) 32.3%, oklch(46.68% 0.0474 234.54) 35.5%, oklch(47.22% 0.0570 243.47) 38.7%, oklch(47.41% 0.0691 255.30) 41.9%, oklch(47.35% 0.0829 269.36) 45.2%, oklch(47.17% 0.0976 284.98) 48.4%, oklch(46.99% 0.1123 301.47) 51.6%, oklch(46.92% 0.1262 318.15) 54.8%, oklch(47.10% 0.1385 334.35) 58.1%, oklch(47.62% 0.1483 349.39) 61.3%, oklch(48.62% 0.1549 2.59) 64.5%, oklch(50.22% 0.1575 13.41) 67.7%, oklch(52.53% 0.1559 23.14) 71.0%, oklch(55.45% 0.1511 32.25) 74.2%, oklch(58.81% 0.1437 40.75) 77.4%, oklch(62.45% 0.1343 48.62) 80.6%, oklch(66.20% 0.1239 55.84) 83.9%, oklch(69.92% 0.1130 62.41) 87.1%, oklch(73.42% 0.1024 68.31) 90.3%, oklch(76.57% 0.0929 73.53) 93.5%, oklch(79.18% 0.0852 78.06) 96.8%, oklch(81.10% 0.0799 81.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.039 | 272.8 |
| 2 | 0.461 | 0.043 | 230.5 |
| 3 | 0.496 | 0.157 | 370 |
| 4 | 0.811 | 0.08 | 441.9 |

## In these collections

- [Christmas gradients](https://grabient.com/christmas-gradients)

## Other forms

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