# Cranberry Hearth Diagonal

This smooth diagonal gradient moves from pale blush through coral pink, cranberry red, brick red, and deep brown. Use it for Thanksgiving menus, gathering invitations, seasonal table cards, or warm editorial backgrounds that need a restrained harvest mood without relying on the usual orange-heavy palette.

- Also called: Analogous pink, red and brown linear gradient
- Seed: `kY1zkT3MC8U2exK-xD6L7RAKCVQ6`
- Page: https://grabient.com/kY1zkT3MC8U2exK-xD6L7RAKCVQ6?steps=32&angle=30
- Drawn as: linear gradient, 32 steps, 30 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.6 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 | `#fcbab1` | `oklch(84.65% 0.0785 27.42)` | Mixed Fruit | black, 12.7 to 1 |
| 2 | `#ffb2ac` | `oklch(83.41% 0.0910 23.45)` | Peach Bud | black, 12.1 to 1 |
| 3 | `#ffa8ab` | `oklch(81.71% 0.1034 17.31)` | Apricot Haze | black, 11.4 to 1 |
| 4 | `#ff9cab` | `oklch(79.69% 0.1197 10.29)` | Salmon Tartare | black, 10.5 to 1 |
| 5 | `#ff8dac` | `oklch(77.50% 0.1404 3.66)` | Schauss Pink | black, 9.6 to 1 |
| 6 | `#ff7ead` | `oklch(75.30% 0.1637 358.71)` | Erythrosine | black, 8.8 to 1 |
| 7 | `#fc72aa` | `oklch(73.22% 0.1774 356.71)` | Crazy Pink | black, 8.1 to 1 |
| 8 | `#f56da0` | `oklch(71.31% 0.1737 358.87)` | French Pink | black, 7.5 to 1 |
| 9 | `#eb6d90` | `oklch(69.41% 0.1588 4.81)` | Cupid’s Arrow | black, 7.1 to 1 |
| 10 | `#de707e` | `oklch(67.50% 0.1375 13.00)` | Coming up Roses | black, 6.6 to 1 |
| 11 | `#ce7371` | `oklch(65.60% 0.1149 21.90)` | Light Tomato | black, 6.3 to 1 |
| 12 | `#be7468` | `oklch(63.69% 0.0957 29.97)` | November | black, 5.9 to 1 |
| 13 | `#b27362` | `oklch(61.79% 0.0849 35.67)` | Pinkish Brown | black, 5.5 to 1 |
| 14 | `#ad6d5a` | `oklch(59.88% 0.0869 37.79)` | Bantam Egg | black, 5.1 to 1 |
| 15 | `#ad644e` | `oklch(57.98% 0.1004 37.27)` | Red Cent | black, 4.6 to 1 |
| 16 | `#b05741` | `oklch(56.07% 0.1210 35.02)` | Glowing Firelight | white, 4.8 to 1 |
| 17 | `#b44835` | `oklch(54.17% 0.1444 31.86)` | Crimson Boy | white, 5.3 to 1 |
| 18 | `#b6362c` | `oklch(52.26% 0.1663 28.61)` | Red Obsession | white, 5.9 to 1 |
| 19 | `#b52225` | `oklch(50.36% 0.1824 26.11)` | Flamingo Fervour | white, 6.4 to 1 |
| 20 | `#b1101f` | `oklch(48.45% 0.1888 25.00)` | Mammary Red | white, 7 to 1 |
| 21 | `#aa001c` | `oklch(46.55% 0.1882 24.27)` | Incarnadine | white, 7.6 to 1 |
| 22 | `#a1001c` | `oklch(44.65% 0.1805 23.80)` | Dear Darling | white, 8.3 to 1 |
| 23 | `#97001a` | `oklch(42.75% 0.1728 23.72)` | Flame Hawkfish | white, 8.9 to 1 |
| 24 | `#8e0317` | `oklch(40.83% 0.1635 24.23)` | Crimson | white, 9.6 to 1 |
| 25 | `#830913` | `oklch(38.93% 0.1521 25.60)` | Sneaky Devil | white, 10.4 to 1 |
| 26 | `#790d0c` | `oklch(37.01% 0.1411 28.01)` | Secret Scarlet | white, 11.1 to 1 |
| 27 | `#6e1203` | `oklch(34.94% 0.1281 32.17)` | Reddy Brown | white, 12 to 1 |
| 28 | `#601800` | `oklch(32.73% 0.1081 37.62)` | Altar Wine | white, 12.9 to 1 |
| 29 | `#521c00` | `oklch(30.55% 0.0891 43.84)` | Evil Cigar | white, 13.8 to 1 |
| 30 | `#461c00` | `oklch(28.53% 0.0755 49.94)` | Bath in Chocolate | white, 14.6 to 1 |
| 31 | `#3e1b00` | `oklch(26.83% 0.0663 55.17)` | 90% Cocoa | white, 15.4 to 1 |
| 32 | `#371b02` | `oklch(25.59% 0.0579 59.12)` | Powdered Cocoa | white, 15.9 to 1 |

## CSS

```css
background: linear-gradient(30deg, #fcbab1 0.0%, #ffb2ac 3.2%, #ffa8ab 6.5%, #ff9cab 9.7%, #ff8dac 12.9%, #ff7ead 16.1%, #fc72aa 19.4%, #f56da0 22.6%, #eb6d90 25.8%, #de707e 29.0%, #ce7371 32.3%, #be7468 35.5%, #b27362 38.7%, #ad6d5a 41.9%, #ad644e 45.2%, #b05741 48.4%, #b44835 51.6%, #b6362c 54.8%, #b52225 58.1%, #b1101f 61.3%, #aa001c 64.5%, #a1001c 67.7%, #97001a 71.0%, #8e0317 74.2%, #830913 77.4%, #790d0c 80.6%, #6e1203 83.9%, #601800 87.1%, #521c00 90.3%, #461c00 93.5%, #3e1b00 96.8%, #371b02 100.0%);
background: linear-gradient(30deg in oklch, oklch(84.65% 0.0785 27.42) 0.0%, oklch(83.41% 0.0910 23.45) 3.2%, oklch(81.71% 0.1034 17.31) 6.5%, oklch(79.69% 0.1197 10.29) 9.7%, oklch(77.50% 0.1404 3.66) 12.9%, oklch(75.30% 0.1637 358.71) 16.1%, oklch(73.22% 0.1774 356.71) 19.4%, oklch(71.31% 0.1737 358.87) 22.6%, oklch(69.41% 0.1588 4.81) 25.8%, oklch(67.50% 0.1375 13.00) 29.0%, oklch(65.60% 0.1149 21.90) 32.3%, oklch(63.69% 0.0957 29.97) 35.5%, oklch(61.79% 0.0849 35.67) 38.7%, oklch(59.88% 0.0869 37.79) 41.9%, oklch(57.98% 0.1004 37.27) 45.2%, oklch(56.07% 0.1210 35.02) 48.4%, oklch(54.17% 0.1444 31.86) 51.6%, oklch(52.26% 0.1663 28.61) 54.8%, oklch(50.36% 0.1824 26.11) 58.1%, oklch(48.45% 0.1888 25.00) 61.3%, oklch(46.55% 0.1882 24.27) 64.5%, oklch(44.65% 0.1805 23.80) 67.7%, oklch(42.75% 0.1728 23.72) 71.0%, oklch(40.83% 0.1635 24.23) 74.2%, oklch(38.93% 0.1521 25.60) 77.4%, oklch(37.01% 0.1411 28.01) 80.6%, oklch(34.94% 0.1281 32.17) 83.9%, oklch(32.73% 0.1081 37.62) 87.1%, oklch(30.55% 0.0891 43.84) 90.3%, oklch(28.53% 0.0755 49.94) 93.5%, oklch(26.83% 0.0663 55.17) 96.8%, oklch(25.59% 0.0579 59.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.079 | 27.4 |
| 2 | 0.728 | 0.178 | -3.2 |
| 3 | 0.61 | 0.084 | 36.9 |
| 4 | 0.492 | 0.187 | 25.3 |
| 5 | 0.374 | 0.143 | 27.4 |
| 6 | 0.256 | 0.058 | 59.1 |

## In these collections

- [Thanksgiving gradients](https://grabient.com/thanksgiving-gradients)

## Other forms

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