# Crimson and gold christmas palette

The Crimson and gold christmas palette brings together red, orange, and gold. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is red, and its lightest tone is gold.

- Also called: Vivid analogous red, orange and yellow linear gradient
- Seed: `kYl6gRyFHAETMwBPxUE4jbEG-xQa`
- Page: https://grabient.com/kYl6gRyFHAETMwBPxUE4jbEG-xQa?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#e9192e` | `oklch(59.45% 0.2315 24.61)` | Transfusion | black, 4.6 to 1 |
| 2 | `#e7182d` | `oklch(59.16% 0.2309 24.72)` | Brutal Doom | white, 4.5 to 1 |
| 3 | `#e6162c` | `oklch(58.76% 0.2300 24.87)` | Brutal Doom | white, 4.6 to 1 |
| 4 | `#e3142a` | `oklch(58.29% 0.2290 25.05)` | Xiān Hóng Red | white, 4.7 to 1 |
| 5 | `#e11328` | `oklch(57.78% 0.2278 25.25)` | Cadmium Red | white, 4.8 to 1 |
| 6 | `#df1126` | `oklch(57.27% 0.2265 25.45)` | Piercing Red | white, 4.9 to 1 |
| 7 | `#dc1024` | `oklch(56.78% 0.2249 25.63)` | Piercing Red | white, 5 to 1 |
| 8 | `#da0f23` | `oklch(56.25% 0.2232 25.73)` | Untamed Red | white, 5.1 to 1 |
| 9 | `#d60c22` | `oklch(55.55% 0.2213 25.69)` | Dragon’s Lair | white, 5.3 to 1 |
| 10 | `#d30921` | `oklch(54.81% 0.2192 25.61)` | Blood Orange | white, 5.4 to 1 |
| 11 | `#d00820` | `oklch(54.17% 0.2170 25.62)` | Dangerous Affair | white, 5.6 to 1 |
| 12 | `#cd0b1f` | `oklch(53.79% 0.2145 25.84)` | Chinese Red | white, 5.7 to 1 |
| 13 | `#cd111e` | `oklch(53.79% 0.2119 26.39)` | Pedestrian Red | white, 5.6 to 1 |
| 14 | `#cd1a1e` | `oklch(54.30% 0.2092 27.27)` | Thunder Mountain Longhorn Pepper | white, 5.5 to 1 |
| 15 | `#d0231f` | `oklch(55.22% 0.2065 28.17)` | Clear Red | white, 5.3 to 1 |
| 16 | `#d32c21` | `oklch(56.46% 0.2036 29.24)` | Pure Red | white, 5 to 1 |
| 17 | `#d73622` | `oklch(57.97% 0.2005 30.66)` | Rackham Red | white, 4.7 to 1 |
| 18 | `#dc4023` | `oklch(59.66% 0.1970 32.60)` | Furnace | black, 4.7 to 1 |
| 19 | `#e04a22` | `oklch(61.48% 0.1929 35.27)` | Scoville High | black, 5.1 to 1 |
| 20 | `#e4551f` | `oklch(63.38% 0.1881 38.89)` | Furious Fox | black, 5.6 to 1 |
| 21 | `#e76218` | `oklch(65.57% 0.1820 43.92)` | Spanish Orange | black, 6.1 to 1 |
| 22 | `#ea7112` | `oklch(67.99% 0.1750 49.94)` | Clementine | black, 6.8 to 1 |
| 23 | `#ec7f12` | `oklch(70.52% 0.1676 56.42)` | Bright Marigold | black, 7.6 to 1 |
| 24 | `#ed8e1a` | `oklch(73.05% 0.1606 62.78)` | Carrot Orange | black, 8.4 to 1 |
| 25 | `#ee9a27` | `oklch(75.44% 0.1543 68.47)` | Burning Trail | black, 9.3 to 1 |
| 26 | `#efa533` | `oklch(77.57% 0.1493 72.95)` | Acorn Squash | black, 10 to 1 |
| 27 | `#f1ae3e` | `oklch(79.63% 0.1455 76.51)` | Raichu Orange | black, 10.8 to 1 |
| 28 | `#f4b748` | `oklch(81.66% 0.1424 79.50)` | Mango Margarita | black, 11.7 to 1 |
| 29 | `#f6bf51` | `oklch(83.57% 0.1399 81.97)` | Full Yellow | black, 12.5 to 1 |
| 30 | `#f9c659` | `oklch(85.29% 0.1379 83.99)` | Deep Fried Sunrays | black, 13.3 to 1 |
| 31 | `#fccc60` | `oklch(86.73% 0.1364 85.63)` | Nacho | black, 13.9 to 1 |
| 32 | `#fdd165` | `oklch(87.80% 0.1350 86.96)` | Bright Halo | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e9192e 0.0%, #e7182d 3.2%, #e6162c 6.5%, #e3142a 9.7%, #e11328 12.9%, #df1126 16.1%, #dc1024 19.4%, #da0f23 22.6%, #d60c22 25.8%, #d30921 29.0%, #d00820 32.3%, #cd0b1f 35.5%, #cd111e 38.7%, #cd1a1e 41.9%, #d0231f 45.2%, #d32c21 48.4%, #d73622 51.6%, #dc4023 54.8%, #e04a22 58.1%, #e4551f 61.3%, #e76218 64.5%, #ea7112 67.7%, #ec7f12 71.0%, #ed8e1a 74.2%, #ee9a27 77.4%, #efa533 80.6%, #f1ae3e 83.9%, #f4b748 87.1%, #f6bf51 90.3%, #f9c659 93.5%, #fccc60 96.8%, #fdd165 100.0%);
background: linear-gradient(90deg in oklch, oklch(59.45% 0.2315 24.61) 0.0%, oklch(59.16% 0.2309 24.72) 3.2%, oklch(58.76% 0.2300 24.87) 6.5%, oklch(58.29% 0.2290 25.05) 9.7%, oklch(57.78% 0.2278 25.25) 12.9%, oklch(57.27% 0.2265 25.45) 16.1%, oklch(56.78% 0.2249 25.63) 19.4%, oklch(56.25% 0.2232 25.73) 22.6%, oklch(55.55% 0.2213 25.69) 25.8%, oklch(54.81% 0.2192 25.61) 29.0%, oklch(54.17% 0.2170 25.62) 32.3%, oklch(53.79% 0.2145 25.84) 35.5%, oklch(53.79% 0.2119 26.39) 38.7%, oklch(54.30% 0.2092 27.27) 41.9%, oklch(55.22% 0.2065 28.17) 45.2%, oklch(56.46% 0.2036 29.24) 48.4%, oklch(57.97% 0.2005 30.66) 51.6%, oklch(59.66% 0.1970 32.60) 54.8%, oklch(61.48% 0.1929 35.27) 58.1%, oklch(63.38% 0.1881 38.89) 61.3%, oklch(65.57% 0.1820 43.92) 64.5%, oklch(67.99% 0.1750 49.94) 67.7%, oklch(70.52% 0.1676 56.42) 71.0%, oklch(73.05% 0.1606 62.78) 74.2%, oklch(75.44% 0.1543 68.47) 77.4%, oklch(77.57% 0.1493 72.95) 80.6%, oklch(79.63% 0.1455 76.51) 83.9%, oklch(81.66% 0.1424 79.50) 87.1%, oklch(83.57% 0.1399 81.97) 90.3%, oklch(85.29% 0.1379 83.99) 93.5%, oklch(86.73% 0.1364 85.63) 96.8%, oklch(87.80% 0.1350 86.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.231 | 24.6 |
| 2 | 0.567 | 0.225 | 25.7 |
| 3 | 0.539 | 0.211 | 26.7 |
| 4 | 0.626 | 0.19 | 37.3 |
| 5 | 0.772 | 0.15 | 72.2 |
| 6 | 0.878 | 0.135 | 87 |

## In these collections

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

## Other forms

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