# Peach, maroon, purple and blue linear gradient

Peach, maroon, purple and blue linear gradient with 32 colors: #ecb68c, #eab186, #e8a97d, #e5a073, #e2976a, #dd8d61, #d88359, #d27851, #cb6d49, #c36243, #bb573e, #b24e39, #a84435, #9e3b31, #94322e, #8a2b2d, #80242e, #751f2e, #6a1c2f, #601930, #571832, #4f1837, #47193d, #3f1c44, #37204a, #2f2550, #2a2a55, #27325d, #243b68, #214673, #1c4f7c, #165682. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kazz0qWqo-sgxPk1rr5J6G8icbt63ortA`
- Page: https://grabient.com/kazz0qWqo-sgxPk1rr5J6G8icbt63ortA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, warm, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.9 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 | `#ecb68c` | `oklch(81.50% 0.0841 59.06)` | Peach Nirvana | black, 11.6 to 1 |
| 2 | `#eab186` | `oklch(80.22% 0.0884 57.73)` | Trick or Treat | black, 11.1 to 1 |
| 3 | `#e8a97d` | `oklch(78.48% 0.0946 55.89)` | Melting Sunset | black, 10.4 to 1 |
| 4 | `#e5a073` | `oklch(76.38% 0.1017 53.69)` | Roasted Seeds | black, 9.6 to 1 |
| 5 | `#e2976a` | `oklch(74.07% 0.1088 51.30)` | Candle Yellow | black, 8.8 to 1 |
| 6 | `#dd8d61` | `oklch(71.66% 0.1149 48.89)` | Copper Tan | black, 8 to 1 |
| 7 | `#d88359` | `oklch(69.16% 0.1198 46.46)` | Show Business | black, 7.3 to 1 |
| 8 | `#d27851` | `oklch(66.41% 0.1246 43.85)` | Jack-O-Lantern | black, 6.5 to 1 |
| 9 | `#cb6d49` | `oklch(63.51% 0.1288 41.14)` | Red Damask | black, 5.8 to 1 |
| 10 | `#c36243` | `oklch(60.56% 0.1322 38.38)` | Robust Orange | black, 5.1 to 1 |
| 11 | `#bb573e` | `oklch(57.64% 0.1346 35.65)` | Orange Vermillion | white, 4.6 to 1 |
| 12 | `#b24e39` | `oklch(54.79% 0.1356 33.09)` | Spiced Up | white, 5.2 to 1 |
| 13 | `#a84435` | `oklch(51.87% 0.1358 30.85)` | Chipolata | white, 5.9 to 1 |
| 14 | `#9e3b31` | `oklch(48.95% 0.1349 28.62)` | Barrel Sponge | white, 6.7 to 1 |
| 15 | `#94322e` | `oklch(46.10% 0.1330 26.09)` | Redbox | white, 7.5 to 1 |
| 16 | `#8a2b2d` | `oklch(43.40% 0.1301 22.93)` | Polished Apple | white, 8.5 to 1 |
| 17 | `#80242e` | `oklch(40.87% 0.1257 19.02)` | Rhubarb | white, 9.4 to 1 |
| 18 | `#751f2e` | `oklch(38.35% 0.1193 15.05)` | Jazzy Red | white, 10.4 to 1 |
| 19 | `#6a1c2f` | `oklch(35.92% 0.1115 10.66)` | Velvet Outbreak | white, 11.5 to 1 |
| 20 | `#601930` | `oklch(33.75% 0.1035 5.26)` | Brown Chocolate | white, 12.4 to 1 |
| 21 | `#571832` | `oklch(31.98% 0.0962 358.29)` | Tulip Poplar Purple | white, 13.2 to 1 |
| 22 | `#4f1837` | `oklch(30.75% 0.0906 349.09)` | Tulip Poplar Purple | white, 13.8 to 1 |
| 23 | `#47193d` | `oklch(29.92% 0.0858 336.66)` | Chilli Black Red | white, 14.2 to 1 |
| 24 | `#3f1c44` | `oklch(29.45% 0.0815 322.07)` | Purple Void | white, 14.3 to 1 |
| 25 | `#37204a` | `oklch(29.43% 0.0782 306.90)` | Powerful Violet | white, 14.3 to 1 |
| 26 | `#2f2550` | `oklch(29.90% 0.0762 292.70)` | Pāua | white, 14 to 1 |
| 27 | `#2a2a55` | `oklch(30.93% 0.0759 281.00)` | Deep Sea Base | white, 13.4 to 1 |
| 28 | `#27325d` | `oklch(32.99% 0.0781 271.07)` | Galaxea | white, 12.3 to 1 |
| 29 | `#243b68` | `oklch(35.87% 0.0823 262.18)` | Blue Depths | white, 11 to 1 |
| 30 | `#214673` | `oklch(39.00% 0.0874 254.53)` | Pretty Twilight Night | white, 9.6 to 1 |
| 31 | `#1c4f7c` | `oklch(41.80% 0.0920 248.29)` | Classic Blue | white, 8.4 to 1 |
| 32 | `#165682` | `oklch(43.70% 0.0951 243.64)` | Beyond the Sea | white, 7.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ecb68c 0.0%, #eab186 3.2%, #e8a97d 6.5%, #e5a073 9.7%, #e2976a 12.9%, #dd8d61 16.1%, #d88359 19.4%, #d27851 22.6%, #cb6d49 25.8%, #c36243 29.0%, #bb573e 32.3%, #b24e39 35.5%, #a84435 38.7%, #9e3b31 41.9%, #94322e 45.2%, #8a2b2d 48.4%, #80242e 51.6%, #751f2e 54.8%, #6a1c2f 58.1%, #601930 61.3%, #571832 64.5%, #4f1837 67.7%, #47193d 71.0%, #3f1c44 74.2%, #37204a 77.4%, #2f2550 80.6%, #2a2a55 83.9%, #27325d 87.1%, #243b68 90.3%, #214673 93.5%, #1c4f7c 96.8%, #165682 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.50% 0.0841 59.06) 0.0%, oklch(80.22% 0.0884 57.73) 3.2%, oklch(78.48% 0.0946 55.89) 6.5%, oklch(76.38% 0.1017 53.69) 9.7%, oklch(74.07% 0.1088 51.30) 12.9%, oklch(71.66% 0.1149 48.89) 16.1%, oklch(69.16% 0.1198 46.46) 19.4%, oklch(66.41% 0.1246 43.85) 22.6%, oklch(63.51% 0.1288 41.14) 25.8%, oklch(60.56% 0.1322 38.38) 29.0%, oklch(57.64% 0.1346 35.65) 32.3%, oklch(54.79% 0.1356 33.09) 35.5%, oklch(51.87% 0.1358 30.85) 38.7%, oklch(48.95% 0.1349 28.62) 41.9%, oklch(46.10% 0.1330 26.09) 45.2%, oklch(43.40% 0.1301 22.93) 48.4%, oklch(40.87% 0.1257 19.02) 51.6%, oklch(38.35% 0.1193 15.05) 54.8%, oklch(35.92% 0.1115 10.66) 58.1%, oklch(33.75% 0.1035 5.26) 61.3%, oklch(31.98% 0.0962 358.29) 64.5%, oklch(30.75% 0.0906 349.09) 67.7%, oklch(29.92% 0.0858 336.66) 71.0%, oklch(29.45% 0.0815 322.07) 74.2%, oklch(29.43% 0.0782 306.90) 77.4%, oklch(29.90% 0.0762 292.70) 80.6%, oklch(30.93% 0.0759 281.00) 83.9%, oklch(32.99% 0.0781 271.07) 87.1%, oklch(35.87% 0.0823 262.18) 90.3%, oklch(39.00% 0.0874 254.53) 93.5%, oklch(41.80% 0.0920 248.29) 96.8%, oklch(43.70% 0.0951 243.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.084 | 59.1 |
| 2 | 0.713 | 0.116 | 48.5 |
| 3 | 0.567 | 0.135 | 34.8 |
| 4 | 0.421 | 0.128 | 21 |
| 5 | 0.311 | 0.092 | -7.5 |
| 6 | 0.307 | 0.076 | -77.3 |
| 7 | 0.437 | 0.095 | -116.4 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)

## Other forms

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