# Near-black, bronze and champagne heatmap palette

The Near-black, bronze and champagne heatmap palette brings together black, red, orange, gold, and pale yellow. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is black, and its lightest tone is pale yellow.

- Also called: Analogous black, red, orange and beige linear gradient
- Seed: `kWHgcSKzM_8dIwXjPcReg7CQ`
- Page: https://grabient.com/kWHgcSKzM_8dIwXjPcReg7CQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 18.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 | `#080404` | `oklch(11.81% 0.0096 25.31)` | Pupil | white, 20.3 to 1 |
| 2 | `#100505` | `oklch(13.58% 0.0206 25.22)` | Knight Rider | white, 20 to 1 |
| 3 | `#1a0706` | `oklch(15.93% 0.0359 25.00)` | Soy Sauce | white, 19.5 to 1 |
| 4 | `#270707` | `oklch(18.74% 0.0541 24.73)` | Sepia Black | white, 18.7 to 1 |
| 5 | `#350708` | `oklch(21.86% 0.0739 24.50)` | 3AM Breakup | white, 17.7 to 1 |
| 6 | `#450508` | `oklch(25.14% 0.0941 24.38)` | Bulgarian Rose | white, 16.4 to 1 |
| 7 | `#550109` | `oklch(28.44% 0.1133 24.45)` | Soooo Bloody | white, 15 to 1 |
| 8 | `#64000b` | `oklch(31.65% 0.1283 24.89)` | Rosewood | white, 13.6 to 1 |
| 9 | `#71000b` | `oklch(34.59% 0.1404 25.58)` | Barolo | white, 12.2 to 1 |
| 10 | `#7f000b` | `oklch(37.43% 0.1523 26.42)` | Laura Potato | white, 11 to 1 |
| 11 | `#8c0009` | `oklch(40.27% 0.1643 27.38)` | Crimson | white, 9.9 to 1 |
| 12 | `#990306` | `oklch(43.10% 0.1750 28.49)` | Cavalry Brown | white, 8.8 to 1 |
| 13 | `#a60c02` | `oklch(45.95% 0.1831 29.91)` | Natural Leather | white, 7.8 to 1 |
| 14 | `#b11a00` | `oklch(48.79% 0.1869 31.62)` | Wazdakka Red | white, 6.9 to 1 |
| 15 | `#bb2900` | `oklch(51.64% 0.1867 33.78)` | Ravishing Rouge | white, 6.1 to 1 |
| 16 | `#c43700` | `oklch(54.48% 0.1847 36.43)` | Harley Davidson Orange | white, 5.4 to 1 |
| 17 | `#cb4500` | `oklch(57.34% 0.1811 39.70)` | Mellow Mango | white, 4.7 to 1 |
| 18 | `#d25400` | `oklch(60.23% 0.1757 43.85)` | Tomato Bisque | black, 4.9 to 1 |
| 19 | `#d86200` | `oklch(63.16% 0.1702 48.70)` | Ancient Bamboo | black, 5.6 to 1 |
| 20 | `#dd7000` | `oklch(66.08% 0.1657 53.97)` | Gold Orange | black, 6.4 to 1 |
| 21 | `#e37e00` | `oklch(68.99% 0.1627 59.41)` | Sports Fan | black, 7.2 to 1 |
| 22 | `#e88b00` | `oklch(71.84% 0.1615 64.74)` | Hotter Butter | black, 8.1 to 1 |
| 23 | `#ed9700` | `oklch(74.62% 0.1620 69.70)` | Gold Fusion | black, 9 to 1 |
| 24 | `#f2a300` | `oklch(77.30% 0.1638 74.02)` | Lemon Dream | black, 9.9 to 1 |
| 25 | `#f6ae20` | `oklch(79.94% 0.1603 77.68)` | Tangerine Twist | black, 10.9 to 1 |
| 26 | `#f6bb48` | `oklch(82.67% 0.1444 81.05)` | Maximum Yellow Red | black, 12.1 to 1 |
| 27 | `#f6c868` | `oklch(85.41% 0.1256 84.17)` | Cornsilk Yellow | black, 13.3 to 1 |
| 28 | `#f6d484` | `oklch(88.06% 0.1054 87.00)` | Pixel Cream | black, 14.6 to 1 |
| 29 | `#f6de9e` | `oklch(90.55% 0.0852 89.52)` | Lemon Caipirinha | black, 15.8 to 1 |
| 30 | `#f7e6b5` | `oklch(92.77% 0.0666 91.72)` | Tamale Maize | black, 16.9 to 1 |
| 31 | `#f9edc7` | `oklch(94.64% 0.0511 93.57)` | Banana Split | black, 17.9 to 1 |
| 32 | `#faf2d4` | `oklch(96.06% 0.0400 95.06)` | Tagliatelle | black, 18.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #080404 0.0%, #100505 3.2%, #1a0706 6.5%, #270707 9.7%, #350708 12.9%, #450508 16.1%, #550109 19.4%, #64000b 22.6%, #71000b 25.8%, #7f000b 29.0%, #8c0009 32.3%, #990306 35.5%, #a60c02 38.7%, #b11a00 41.9%, #bb2900 45.2%, #c43700 48.4%, #cb4500 51.6%, #d25400 54.8%, #d86200 58.1%, #dd7000 61.3%, #e37e00 64.5%, #e88b00 67.7%, #ed9700 71.0%, #f2a300 74.2%, #f6ae20 77.4%, #f6bb48 80.6%, #f6c868 83.9%, #f6d484 87.1%, #f6de9e 90.3%, #f7e6b5 93.5%, #f9edc7 96.8%, #faf2d4 100.0%);
background: linear-gradient(90deg in oklch, oklch(11.81% 0.0096 25.31) 0.0%, oklch(13.58% 0.0206 25.22) 3.2%, oklch(15.93% 0.0359 25.00) 6.5%, oklch(18.74% 0.0541 24.73) 9.7%, oklch(21.86% 0.0739 24.50) 12.9%, oklch(25.14% 0.0941 24.38) 16.1%, oklch(28.44% 0.1133 24.45) 19.4%, oklch(31.65% 0.1283 24.89) 22.6%, oklch(34.59% 0.1404 25.58) 25.8%, oklch(37.43% 0.1523 26.42) 29.0%, oklch(40.27% 0.1643 27.38) 32.3%, oklch(43.10% 0.1750 28.49) 35.5%, oklch(45.95% 0.1831 29.91) 38.7%, oklch(48.79% 0.1869 31.62) 41.9%, oklch(51.64% 0.1867 33.78) 45.2%, oklch(54.48% 0.1847 36.43) 48.4%, oklch(57.34% 0.1811 39.70) 51.6%, oklch(60.23% 0.1757 43.85) 54.8%, oklch(63.16% 0.1702 48.70) 58.1%, oklch(66.08% 0.1657 53.97) 61.3%, oklch(68.99% 0.1627 59.41) 64.5%, oklch(71.84% 0.1615 64.74) 67.7%, oklch(74.62% 0.1620 69.70) 71.0%, oklch(77.30% 0.1638 74.02) 74.2%, oklch(79.94% 0.1603 77.68) 77.4%, oklch(82.67% 0.1444 81.05) 80.6%, oklch(85.41% 0.1256 84.17) 83.9%, oklch(88.06% 0.1054 87.00) 87.1%, oklch(90.55% 0.0852 89.52) 90.3%, oklch(92.77% 0.0666 91.72) 93.5%, oklch(94.64% 0.0511 93.57) 96.8%, oklch(96.06% 0.0400 95.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.01 | 25.3 |
| 2 | 0.339 | 0.141 | 25.3 |
| 3 | 0.559 | 0.2 | 38 |
| 4 | 0.78 | 0.169 | 75 |
| 5 | 0.961 | 0.04 | 95.1 |

## In these collections

- [Heatmap gradients](https://grabient.com/heatmap-gradients)

## Other forms

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