# Maple and pumpkin gradient

Vivid analogous red, orange and yellow linear gradient with 32 colors: #8d1a1e, #921d1e, #981f1e, #a0231d, #a8271d, #b02c1b, #b8311a, #c03618, #c63c16, #cb4214, #d04913, #d55013, #d85714, #dc5e15, #df6517, #e36c18, #e6721a, #e9791c, #eb801f, #ed8722, #ef8e26, #f1952b, #f29c30, #f4a236, #f4a93c, #f5af42, #f6b64a, #f6bd51, #f6c358, #f6c85e, #f6cd64, #f6d068. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous red, orange and yellow linear gradient
- Seed: `kWa20SRkHBFU9wbjNsJbq9CQ`
- Page: https://grabient.com/kWa20SRkHBFU9wbjNsJbq9CQ?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#8d1a1e` | `oklch(42.13% 0.1502 25.31)` | Shinshu | white, 9 to 1 |
| 2 | `#921d1e` | `oklch(43.18% 0.1529 26.04)` | Classy Red | white, 8.7 to 1 |
| 3 | `#981f1e` | `oklch(44.59% 0.1569 26.96)` | Antique Port Wine | white, 8.2 to 1 |
| 4 | `#a0231d` | `oklch(46.26% 0.1616 28.06)` | Rustic Rouge | white, 7.6 to 1 |
| 5 | `#a8271d` | `oklch(48.12% 0.1667 29.31)` | Tomato Sunrise | white, 7 to 1 |
| 6 | `#b02c1b` | `oklch(50.07% 0.1716 30.67)` | Santa Belly Red | white, 6.5 to 1 |
| 7 | `#b8311a` | `oklch(52.01% 0.1759 32.13)` | Smouldering | white, 6 to 1 |
| 8 | `#c03618` | `oklch(53.85% 0.1791 33.65)` | Gazpacho | white, 5.5 to 1 |
| 9 | `#c63c16` | `oklch(55.52% 0.1808 35.22)` | Sauce Piquante | white, 5.1 to 1 |
| 10 | `#cb4214` | `oklch(57.10% 0.1812 36.85)` | Sinopia | white, 4.8 to 1 |
| 11 | `#d04913` | `oklch(58.66% 0.1806 38.57)` | Ōkaihau Express | black, 4.6 to 1 |
| 12 | `#d55013` | `oklch(60.19% 0.1792 40.38)` | Deep Orange | black, 4.9 to 1 |
| 13 | `#d85714` | `oklch(61.71% 0.1773 42.28)` | War Paint Red | black, 5.2 to 1 |
| 14 | `#dc5e15` | `oklch(63.22% 0.1751 44.27)` | Vivid Red Tangelo | black, 5.6 to 1 |
| 15 | `#df6517` | `oklch(64.71% 0.1728 46.34)` | Tiger Moth Orange | black, 6 to 1 |
| 16 | `#e36c18` | `oklch(66.19% 0.1705 48.50)` | Lusty Orange | black, 6.3 to 1 |
| 17 | `#e6721a` | `oklch(67.67% 0.1685 50.76)` | Thai Mango | black, 6.7 to 1 |
| 18 | `#e9791c` | `oklch(69.14% 0.1663 53.17)` | Therapeutic Toucan | black, 7.2 to 1 |
| 19 | `#eb801f` | `oklch(70.61% 0.1639 55.70)` | Bright Marigold | black, 7.6 to 1 |
| 20 | `#ed8722` | `oklch(72.07% 0.1614 58.33)` | Carnival | black, 8.1 to 1 |
| 21 | `#ef8e26` | `oklch(73.51% 0.1588 61.01)` | Carrot Orange | black, 8.5 to 1 |
| 22 | `#f1952b` | `oklch(74.92% 0.1561 63.71)` | Pesto Calabrese | black, 9 to 1 |
| 23 | `#f29c30` | `oklch(76.30% 0.1535 66.40)` | Yellow Sea | black, 9.5 to 1 |
| 24 | `#f4a236` | `oklch(77.63% 0.1508 69.05)` | Lightning Yellow | black, 10 to 1 |
| 25 | `#f4a93c` | `oklch(78.95% 0.1482 71.72)` | Artisans Gold | black, 10.5 to 1 |
| 26 | `#f5af42` | `oklch(80.31% 0.1452 74.63)` | Raichu Orange | black, 11.1 to 1 |
| 27 | `#f6b64a` | `oklch(81.68% 0.1421 77.64)` | Mango Margarita | black, 11.7 to 1 |
| 28 | `#f6bd51` | `oklch(83.01% 0.1390 80.62)` | Full Yellow | black, 12.2 to 1 |
| 29 | `#f6c358` | `oklch(84.25% 0.1361 83.46)` | Rayo de Sol | black, 12.8 to 1 |
| 30 | `#f6c85e` | `oklch(85.36% 0.1334 86.02)` | Little Sun Dress | black, 13.3 to 1 |
| 31 | `#f6cd64` | `oklch(86.30% 0.1312 88.17)` | Ride off Into the Sunset | black, 13.8 to 1 |
| 32 | `#f6d068` | `oklch(87.01% 0.1295 89.77)` | Yellow Tulip | black, 14.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #8d1a1e 0.0%, #921d1e 3.2%, #981f1e 6.5%, #a0231d 9.7%, #a8271d 12.9%, #b02c1b 16.1%, #b8311a 19.4%, #c03618 22.6%, #c63c16 25.8%, #cb4214 29.0%, #d04913 32.3%, #d55013 35.5%, #d85714 38.7%, #dc5e15 41.9%, #df6517 45.2%, #e36c18 48.4%, #e6721a 51.6%, #e9791c 54.8%, #eb801f 58.1%, #ed8722 61.3%, #ef8e26 64.5%, #f1952b 67.7%, #f29c30 71.0%, #f4a236 74.2%, #f4a93c 77.4%, #f5af42 80.6%, #f6b64a 83.9%, #f6bd51 87.1%, #f6c358 90.3%, #f6c85e 93.5%, #f6cd64 96.8%, #f6d068 100.0%);
background: linear-gradient(45deg in oklch, oklch(42.13% 0.1502 25.31) 0.0%, oklch(43.18% 0.1529 26.04) 3.2%, oklch(44.59% 0.1569 26.96) 6.5%, oklch(46.26% 0.1616 28.06) 9.7%, oklch(48.12% 0.1667 29.31) 12.9%, oklch(50.07% 0.1716 30.67) 16.1%, oklch(52.01% 0.1759 32.13) 19.4%, oklch(53.85% 0.1791 33.65) 22.6%, oklch(55.52% 0.1808 35.22) 25.8%, oklch(57.10% 0.1812 36.85) 29.0%, oklch(58.66% 0.1806 38.57) 32.3%, oklch(60.19% 0.1792 40.38) 35.5%, oklch(61.71% 0.1773 42.28) 38.7%, oklch(63.22% 0.1751 44.27) 41.9%, oklch(64.71% 0.1728 46.34) 45.2%, oklch(66.19% 0.1705 48.50) 48.4%, oklch(67.67% 0.1685 50.76) 51.6%, oklch(69.14% 0.1663 53.17) 54.8%, oklch(70.61% 0.1639 55.70) 58.1%, oklch(72.07% 0.1614 58.33) 61.3%, oklch(73.51% 0.1588 61.01) 64.5%, oklch(74.92% 0.1561 63.71) 67.7%, oklch(76.30% 0.1535 66.40) 71.0%, oklch(77.63% 0.1508 69.05) 74.2%, oklch(78.95% 0.1482 71.72) 77.4%, oklch(80.31% 0.1452 74.63) 80.6%, oklch(81.68% 0.1421 77.64) 83.9%, oklch(83.01% 0.1390 80.62) 87.1%, oklch(84.25% 0.1361 83.46) 90.3%, oklch(85.36% 0.1334 86.02) 93.5%, oklch(86.30% 0.1312 88.17) 96.8%, oklch(87.01% 0.1295 89.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.15 | 25.3 |
| 2 | 0.551 | 0.181 | 34.8 |
| 3 | 0.669 | 0.169 | 49.6 |
| 4 | 0.78 | 0.15 | 69.7 |
| 5 | 0.87 | 0.13 | 89.8 |

## In these collections

- [Pumpkin spice color palette](https://grabient.com/pumpkin-spice-color-palette)

## Other forms

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