# Cranberry Harvest Diagonal

Vivid peach, brown, purple and maroon linear gradient with 32 colors: #fcb481, #f7b279, #efb06f, #e4ae64, #d8ac5a, #caaa50, #bba849, #aca544, #9fa13f, #959c39, #8f9630, #8f8f22, #948508, #9a7a00, #a16e00, #a85f00, #aa5221, #a74737, #a13f48, #993954, #90345b, #88305c, #812b58, #7b2652, #752148, #6f1b3e, #691632, #631126, #5e0d1b, #580911, #540708, #500502. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid peach, brown, purple and maroon linear gradient
- Seed: `kU0k4oUa1GjovMejJsQg`
- Page: https://grabient.com/kU0k4oUa1GjovMejJsQg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.7 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 | `#fcb481` | `oklch(82.68% 0.1075 56.25)` | Baltic Amber | black, 11.9 to 1 |
| 2 | `#f7b279` | `oklch(81.62% 0.1085 60.20)` | Sunburst | black, 11.5 to 1 |
| 3 | `#efb06f` | `oklch(80.26% 0.1098 66.20)` | Evening Sunset | black, 11.1 to 1 |
| 4 | `#e4ae64` | `oklch(78.66% 0.1114 73.63)` | Lamplit | black, 10.5 to 1 |
| 5 | `#d8ac5a` | `oklch(76.86% 0.1132 81.87)` | Sell Gold | black, 9.9 to 1 |
| 6 | `#caaa50` | `oklch(74.92% 0.1151 90.28)` | Yellow Lupine | black, 9.3 to 1 |
| 7 | `#bba849` | `oklch(72.88% 0.1170 98.24)` | Rain Slicker | black, 8.7 to 1 |
| 8 | `#aca544` | `oklch(70.79% 0.1189 105.12)` | Camo Green | black, 8.1 to 1 |
| 9 | `#9fa13f` | `oklch(68.72% 0.1207 110.30)` | Machine Green | black, 7.6 to 1 |
| 10 | `#959c39` | `oklch(66.69% 0.1223 113.16)` | Split Pea | black, 7 to 1 |
| 11 | `#8f9630` | `oklch(64.78% 0.1236 113.06)` | Chorus of Frogs | black, 6.5 to 1 |
| 12 | `#8f8f22` | `oklch(62.98% 0.1247 109.24)` | Old Asparagus | black, 6.1 to 1 |
| 13 | `#948508` | `oklch(61.18% 0.1258 101.38)` | Thicket Green | black, 5.6 to 1 |
| 14 | `#9a7a00` | `oklch(59.39% 0.1214 90.27)` | Yellowish Brown | black, 5.1 to 1 |
| 15 | `#a16e00` | `oklch(57.59% 0.1206 76.84)` | Golden Hind | black, 4.7 to 1 |
| 16 | `#a85f00` | `oklch(55.80% 0.1284 61.98)` | Raw Umber | white, 4.8 to 1 |
| 17 | `#aa5221` | `oklch(54.00% 0.1296 46.63)` | Wine Barrel | white, 5.3 to 1 |
| 18 | `#a74737` | `oklch(52.21% 0.1302 31.59)` | Barbarossa | white, 5.8 to 1 |
| 19 | `#a13f48` | `oklch(50.42% 0.1304 17.79)` | Eternal Flame | white, 6.3 to 1 |
| 20 | `#993954` | `oklch(48.63% 0.1304 6.14)` | Algae Red | white, 6.8 to 1 |
| 21 | `#90345b` | `oklch(46.85% 0.1300 357.52)` | Forward Fuchsia | white, 7.3 to 1 |
| 22 | `#88305c` | `oklch(45.07% 0.1292 352.75)` | Boysenberry | white, 7.9 to 1 |
| 23 | `#812b58` | `oklch(43.18% 0.1278 351.25)` | Dark Raspberry | white, 8.6 to 1 |
| 24 | `#7b2652` | `oklch(41.20% 0.1257 352.28)` | Pico Eggplant | white, 9.3 to 1 |
| 25 | `#752148` | `oklch(39.16% 0.1233 355.34)` | Caviar Couture | white, 10.2 to 1 |
| 26 | `#6f1b3e` | `oklch(37.12% 0.1206 359.90)` | Her Fierceness | white, 11 to 1 |
| 27 | `#691632` | `oklch(35.13% 0.1177 5.44)` | Velvet Outbreak | white, 11.9 to 1 |
| 28 | `#631126` | `oklch(33.23% 0.1148 11.45)` | Dark Humour | white, 12.7 to 1 |
| 29 | `#5e0d1b` | `oklch(31.48% 0.1121 17.41)` | Cherry Picking | white, 13.6 to 1 |
| 30 | `#580911` | `oklch(29.92% 0.1096 22.81)` | Mama Africa | white, 14.3 to 1 |
| 31 | `#540708` | `oklch(28.60% 0.1076 27.12)` | Soooo Bloody | white, 14.9 to 1 |
| 32 | `#500502` | `oklch(27.56% 0.1061 29.83)` | Umbral Umber | white, 15.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #fcb481 0.0%, #f7b279 3.2%, #efb06f 6.5%, #e4ae64 9.7%, #d8ac5a 12.9%, #caaa50 16.1%, #bba849 19.4%, #aca544 22.6%, #9fa13f 25.8%, #959c39 29.0%, #8f9630 32.3%, #8f8f22 35.5%, #948508 38.7%, #9a7a00 41.9%, #a16e00 45.2%, #a85f00 48.4%, #aa5221 51.6%, #a74737 54.8%, #a13f48 58.1%, #993954 61.3%, #90345b 64.5%, #88305c 67.7%, #812b58 71.0%, #7b2652 74.2%, #752148 77.4%, #6f1b3e 80.6%, #691632 83.9%, #631126 87.1%, #5e0d1b 90.3%, #580911 93.5%, #540708 96.8%, #500502 100.0%);
background: linear-gradient(45deg in oklch, oklch(82.68% 0.1075 56.25) 0.0%, oklch(81.62% 0.1085 60.20) 3.2%, oklch(80.26% 0.1098 66.20) 6.5%, oklch(78.66% 0.1114 73.63) 9.7%, oklch(76.86% 0.1132 81.87) 12.9%, oklch(74.92% 0.1151 90.28) 16.1%, oklch(72.88% 0.1170 98.24) 19.4%, oklch(70.79% 0.1189 105.12) 22.6%, oklch(68.72% 0.1207 110.30) 25.8%, oklch(66.69% 0.1223 113.16) 29.0%, oklch(64.78% 0.1236 113.06) 32.3%, oklch(62.98% 0.1247 109.24) 35.5%, oklch(61.18% 0.1258 101.38) 38.7%, oklch(59.39% 0.1214 90.27) 41.9%, oklch(57.59% 0.1206 76.84) 45.2%, oklch(55.80% 0.1284 61.98) 48.4%, oklch(54.00% 0.1296 46.63) 51.6%, oklch(52.21% 0.1302 31.59) 54.8%, oklch(50.42% 0.1304 17.79) 58.1%, oklch(48.63% 0.1304 6.14) 61.3%, oklch(46.85% 0.1300 357.52) 64.5%, oklch(45.07% 0.1292 352.75) 67.7%, oklch(43.18% 0.1278 351.25) 71.0%, oklch(41.20% 0.1257 352.28) 74.2%, oklch(39.16% 0.1233 355.34) 77.4%, oklch(37.12% 0.1206 359.90) 80.6%, oklch(35.13% 0.1177 5.44) 83.9%, oklch(33.23% 0.1148 11.45) 87.1%, oklch(31.48% 0.1121 17.41) 90.3%, oklch(29.92% 0.1096 22.81) 93.5%, oklch(28.60% 0.1076 27.12) 96.8%, oklch(27.56% 0.1061 29.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.107 | 56.3 |
| 2 | 0.642 | 0.124 | 112.3 |
| 3 | 0.457 | 0.13 | -6.1 |
| 4 | 0.276 | 0.106 | 29.8 |

## In these collections

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

## Other forms

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