# Analogous peach, red and maroon linear gradient

Analogous peach, red and maroon linear gradient with 7 colors: #ffd89c, #ffb470, #fb7f40, #e5412a, #ab232c, #651425, #2a0a14. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW5UA4YzU885KPU1NL6GhO-A`
- Page: https://grabient.com/kW5UA4YzU885KPU1NL6GhO-A?angle=135
- Drawn as: linear gradient, 7 steps, 135 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.4 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 | `#ffd89c` | `oklch(90.16% 0.0882 78.75)` | August Morning | black, 15.5 to 1 |
| 2 | `#ffb470` | `oklch(82.79% 0.1219 62.55)` | Apricot | black, 12 to 1 |
| 3 | `#fb7f40` | `oklch(72.88% 0.1697 45.36)` | Sagittarius Amber Artefact | black, 8.2 to 1 |
| 4 | `#e5412a` | `oklch(61.42% 0.2039 31.20)` | Raiden’s Fury | black, 5.1 to 1 |
| 5 | `#ab232c` | `oklch(48.53% 0.1711 23.37)` | Samba | white, 6.9 to 1 |
| 6 | `#651425` | `oklch(33.97% 0.1133 14.01)` | Dark Humour | white, 12.4 to 1 |
| 7 | `#2a0a14` | `oklch(20.47% 0.0537 3.72)` | Italian Roast | white, 18.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ffd89c 0.0%, #ffb470 16.7%, #fb7f40 33.3%, #e5412a 50.0%, #ab232c 66.7%, #651425 83.3%, #2a0a14 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.16% 0.0882 78.75) 0.0%, oklch(82.79% 0.1219 62.55) 16.7%, oklch(72.88% 0.1697 45.36) 33.3%, oklch(61.42% 0.2039 31.20) 50.0%, oklch(48.53% 0.1711 23.37) 66.7%, oklch(33.97% 0.1133 14.01) 83.3%, oklch(20.47% 0.0537 3.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.088 | 78.8 |
| 2 | 0.78 | 0.146 | 53.4 |
| 3 | 0.614 | 0.204 | 31.2 |
| 4 | 0.417 | 0.145 | 19.6 |
| 5 | 0.205 | 0.054 | 3.7 |

## In these collections

- [Liminal Hours](https://grabient.com/liminal-hours-n5jqs8ak)

## Other forms

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