# Muted saffron coral fade

Vivid orange, red and purple linear gradient with 32 colors: #da9631, #d99030, #d88930, #d57f32, #d17536, #cc6a3b, #c65f41, #be5447, #b64a4c, #ac4151, #a33956, #993359, #912d5c, #8a295e, #84265f, #81245f, #81245f, #83245d, #88265c, #8e2959, #952d55, #9e3351, #a7394b, #af4145, #b74a3d, #be5435, #c35e2c, #c86922, #cb7219, #cd7b10, #ce8208, #ce8804. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid orange, red and purple linear gradient
- Seed: `kSuGQztjO1ta0yi`
- Page: https://grabient.com/kSuGQztjO1ta0yi?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.5 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 | `#da9631` | `oklch(72.44% 0.1378 72.42)` | Leprous Brown | black, 8.4 to 1 |
| 2 | `#d99030` | `oklch(71.25% 0.1379 68.94)` | Turmeric Tea | black, 8 to 1 |
| 3 | `#d88930` | `oklch(69.64% 0.1381 64.23)` | Opulent | black, 7.5 to 1 |
| 4 | `#d57f32` | `oklch(67.69% 0.1384 58.49)` | Yellow Mandarin | black, 6.9 to 1 |
| 5 | `#d17536` | `oklch(65.47% 0.1386 51.93)` | Wulfenite | black, 6.3 to 1 |
| 6 | `#cc6a3b` | `oklch(63.05% 0.1389 44.77)` | Casa de Oro | black, 5.7 to 1 |
| 7 | `#c65f41` | `oklch(60.48% 0.1392 37.22)` | Cold Brew Tonic | black, 5.1 to 1 |
| 8 | `#be5447` | `oklch(57.86% 0.1395 29.48)` | Safflower Bark | white, 4.6 to 1 |
| 9 | `#b64a4c` | `oklch(55.23% 0.1398 21.76)` | Tainan Brick | white, 5.1 to 1 |
| 10 | `#ac4151` | `oklch(52.67% 0.1401 14.28)` | Romantic Embers | white, 5.7 to 1 |
| 11 | `#a33956` | `oklch(50.25% 0.1404 7.24)` | Cranberry Sauce | white, 6.4 to 1 |
| 12 | `#993359` | `oklch(48.04% 0.1407 0.85)` | Cardinal Red | white, 7 to 1 |
| 13 | `#912d5c` | `oklch(46.11% 0.1410 355.32)` | Pink Horror | white, 7.6 to 1 |
| 14 | `#8a295e` | `oklch(44.52% 0.1413 350.86)` | Dark Raspberry | white, 8.2 to 1 |
| 15 | `#84265f` | `oklch(43.35% 0.1416 347.68)` | Dark Raspberry | white, 8.6 to 1 |
| 16 | `#81245f` | `oklch(42.66% 0.1418 345.99)` | Smooch | white, 8.9 to 1 |
| 17 | `#81245f` | `oklch(42.52% 0.1420 345.99)` | Smooch | white, 8.9 to 1 |
| 18 | `#83245d` | `oklch(42.91% 0.1423 347.68)` | Dark Raspberry | white, 8.8 to 1 |
| 19 | `#88265c` | `oklch(43.78% 0.1425 350.86)` | Dark Raspberry | white, 8.4 to 1 |
| 20 | `#8e2959` | `oklch(45.05% 0.1427 355.32)` | Pink Horror | white, 8 to 1 |
| 21 | `#952d55` | `oklch(46.66% 0.1429 0.85)` | Figue Pulp | white, 7.5 to 1 |
| 22 | `#9e3351` | `oklch(48.54% 0.1431 7.24)` | Raspberry Ice Red | white, 6.9 to 1 |
| 23 | `#a7394b` | `oklch(50.63% 0.1433 14.28)` | Valentine | white, 6.3 to 1 |
| 24 | `#af4145` | `oklch(52.87% 0.1435 21.76)` | Redtail | white, 5.7 to 1 |
| 25 | `#b74a3d` | `oklch(55.19% 0.1437 29.48)` | Vermilion Red | white, 5.1 to 1 |
| 26 | `#be5435` | `oklch(57.52% 0.1439 37.22)` | Beef Patties | white, 4.6 to 1 |
| 27 | `#c35e2c` | `oklch(59.79% 0.1440 44.77)` | Cinnamon Rufous | black, 4.9 to 1 |
| 28 | `#c86922` | `oklch(61.95% 0.1442 51.93)` | Kohaku Amber | black, 5.4 to 1 |
| 29 | `#cb7219` | `oklch(63.93% 0.1443 58.49)` | Brownish Orange | black, 5.9 to 1 |
| 30 | `#cd7b10` | `oklch(65.66% 0.1445 64.23)` | Seabuckthorn Yellow Brown | black, 6.4 to 1 |
| 31 | `#ce8208` | `oklch(67.07% 0.1446 68.94)` | Copious Caramel | black, 6.8 to 1 |
| 32 | `#ce8804` | `oklch(68.11% 0.1447 72.42)` | Lobster Butter Sauce | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #da9631 0.0%, #d99030 3.2%, #d88930 6.5%, #d57f32 9.7%, #d17536 12.9%, #cc6a3b 16.1%, #c65f41 19.4%, #be5447 22.6%, #b64a4c 25.8%, #ac4151 29.0%, #a33956 32.3%, #993359 35.5%, #912d5c 38.7%, #8a295e 41.9%, #84265f 45.2%, #81245f 48.4%, #81245f 51.6%, #83245d 54.8%, #88265c 58.1%, #8e2959 61.3%, #952d55 64.5%, #9e3351 67.7%, #a7394b 71.0%, #af4145 74.2%, #b74a3d 77.4%, #be5435 80.6%, #c35e2c 83.9%, #c86922 87.1%, #cb7219 90.3%, #cd7b10 93.5%, #ce8208 96.8%, #ce8804 100.0%);
background: linear-gradient(135deg in oklch, oklch(72.44% 0.1378 72.42) 0.0%, oklch(71.25% 0.1379 68.94) 3.2%, oklch(69.64% 0.1381 64.23) 6.5%, oklch(67.69% 0.1384 58.49) 9.7%, oklch(65.47% 0.1386 51.93) 12.9%, oklch(63.05% 0.1389 44.77) 16.1%, oklch(60.48% 0.1392 37.22) 19.4%, oklch(57.86% 0.1395 29.48) 22.6%, oklch(55.23% 0.1398 21.76) 25.8%, oklch(52.67% 0.1401 14.28) 29.0%, oklch(50.25% 0.1404 7.24) 32.3%, oklch(48.04% 0.1407 0.85) 35.5%, oklch(46.11% 0.1410 355.32) 38.7%, oklch(44.52% 0.1413 350.86) 41.9%, oklch(43.35% 0.1416 347.68) 45.2%, oklch(42.66% 0.1418 345.99) 48.4%, oklch(42.52% 0.1420 345.99) 51.6%, oklch(42.91% 0.1423 347.68) 54.8%, oklch(43.78% 0.1425 350.86) 58.1%, oklch(45.05% 0.1427 355.32) 61.3%, oklch(46.66% 0.1429 0.85) 64.5%, oklch(48.54% 0.1431 7.24) 67.7%, oklch(50.63% 0.1433 14.28) 71.0%, oklch(52.87% 0.1435 21.76) 74.2%, oklch(55.19% 0.1437 29.48) 77.4%, oklch(57.52% 0.1439 37.22) 80.6%, oklch(59.79% 0.1440 44.77) 83.9%, oklch(61.95% 0.1442 51.93) 87.1%, oklch(63.93% 0.1443 58.49) 90.3%, oklch(65.66% 0.1445 64.23) 93.5%, oklch(67.07% 0.1446 68.94) 96.8%, oklch(68.11% 0.1447 72.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.138 | 72.4 |
| 2 | 0.425 | 0.142 | -14.2 |
| 3 | 0.681 | 0.145 | 72.4 |

## In these collections

- [Diwali gradients](https://grabient.com/diwali-gradients)

## Other forms

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