# Indigo lilac dusk diagonal

Peach, blue, gray and purple linear gradient with 48 colors: #f6bd8f, #f1b18a, #e9a085, #dd8d82, #cc7882, #b76584, #9d5486, #824687, #673c86, #4e3483, #382e7e, #282d7b, #1d2e79, #1c347c, #243d82, #34498b, #475797, #5e67a3, #7678b0, #8d89bd, #a39ac8, #b6aad3, #c5b7dc, #cfc1e2, #d4c7e5, #d5c9e6, #d4c9e6, #d1c7e4, #cbc3e1, #c4bedd, #bcb8d8, #b3b1d3, #aaaacd, #a1a3c7, #989cc0, #9196ba, #8b90b4, #8588ad, #7e80a5, #78789c, #716f93, #6a668a, #645e81, #5e5678, #594e70, #544869, #504263, #4d3e5f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Peach, blue, gray and purple linear gradient
- Seed: `kW1UEqqy8uOsQxDWE7zMhTC4`
- Page: https://grabient.com/kW1UEqqy8uOsQxDWE7zMhTC4?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#f6bd8f` | `oklch(83.86% 0.0896 59.77)` | Persimmon Fade | black, 12.5 to 1 |
| 2 | `#f1b18a` | `oklch(81.05% 0.0920 51.72)` | Peach Quartz | black, 11.3 to 1 |
| 3 | `#e9a085` | `oklch(77.07% 0.0955 40.78)` | Mamey | black, 9.8 to 1 |
| 4 | `#dd8d82` | `oklch(72.20% 0.1000 27.56)` | Coral Banks | black, 8.1 to 1 |
| 5 | `#cc7882` | `oklch(66.70% 0.1050 12.69)` | Violet Orchid | black, 6.5 to 1 |
| 6 | `#b76584` | `oklch(60.87% 0.1102 356.77)` | Raspberry Parfait | black, 5.2 to 1 |
| 7 | `#9d5486` | `oklch(54.98% 0.1154 340.45)` | Purple Zergling | white, 5.1 to 1 |
| 8 | `#824687` | `oklch(49.30% 0.1203 324.33)` | Prunella | white, 6.5 to 1 |
| 9 | `#673c86` | `oklch(44.12% 0.1246 309.04)` | Dark Pansy | white, 8.2 to 1 |
| 10 | `#4e3483` | `oklch(39.72% 0.1279 295.21)` | Prism Violet | white, 9.8 to 1 |
| 11 | `#382e7e` | `oklch(36.36% 0.1299 283.44)` | Clear Purple | white, 11.2 to 1 |
| 12 | `#282d7b` | `oklch(34.34% 0.1304 274.37)` | Blue Rose | white, 12 to 1 |
| 13 | `#1d2e79` | `oklch(33.92% 0.1290 268.59)` | Twilight Express | white, 12.1 to 1 |
| 14 | `#1c347c` | `oklch(35.29% 0.1254 265.94)` | Twilight Express | white, 11.4 to 1 |
| 15 | `#243d82` | `oklch(38.22% 0.1198 265.87)` | Mazarine Blue | white, 10.1 to 1 |
| 16 | `#34498b` | `oklch(42.38% 0.1127 267.91)` | Truth | white, 8.5 to 1 |
| 17 | `#475797` | `oklch(47.48% 0.1044 271.60)` | Nuthatch Back | white, 6.8 to 1 |
| 18 | `#5e67a3` | `oklch(53.21% 0.0954 276.49)` | Blue Iris | white, 5.3 to 1 |
| 19 | `#7678b0` | `oklch(59.25% 0.0859 282.11)` | Ontario Violet | black, 5 to 1 |
| 20 | `#8d89bd` | `oklch(65.29% 0.0765 288.01)` | Butterfly Garden | black, 6.4 to 1 |
| 21 | `#a39ac8` | `oklch(71.03% 0.0676 293.72)` | Purple Vision | black, 8 to 1 |
| 22 | `#b6aad3` | `oklch(76.15% 0.0595 298.79)` | Purple Hibiscus | black, 9.6 to 1 |
| 23 | `#c5b7dc` | `oklch(80.36% 0.0526 302.76)` | Melrose | black, 11.2 to 1 |
| 24 | `#cfc1e2` | `oklch(83.33% 0.0474 305.16)` | Party Hat | black, 12.3 to 1 |
| 25 | `#d4c7e5` | `oklch(84.86% 0.0440 305.68)` | Foggy Love | black, 13 to 1 |
| 26 | `#d5c9e6` | `oklch(85.48% 0.0421 304.92)` | Purity | black, 13.3 to 1 |
| 27 | `#d4c9e6` | `oklch(85.36% 0.0412 303.20)` | Purity | black, 13.2 to 1 |
| 28 | `#d1c7e4` | `oklch(84.61% 0.0413 300.73)` | Italian Fitch | black, 12.9 to 1 |
| 29 | `#cbc3e1` | `oklch(83.33% 0.0422 297.72)` | Party Hat | black, 12.4 to 1 |
| 30 | `#c4bedd` | `oklch(81.63% 0.0436 294.38)` | Purple Dragon | black, 11.7 to 1 |
| 31 | `#bcb8d8` | `oklch(79.61% 0.0453 290.92)` | Playful Purple | black, 10.9 to 1 |
| 32 | `#b3b1d3` | `oklch(77.36% 0.0473 287.56)` | Freesia Purple | black, 10.1 to 1 |
| 33 | `#aaaacd` | `oklch(75.00% 0.0493 284.50)` | Violet Mix | black, 9.3 to 1 |
| 34 | `#a1a3c7` | `oklch(72.61% 0.0511 281.96)` | Wild Phlox | black, 8.5 to 1 |
| 35 | `#989cc0` | `oklch(70.32% 0.0526 280.14)` | Midnight Blush | black, 7.8 to 1 |
| 36 | `#9196ba` | `oklch(68.20% 0.0536 279.27)` | Lively Lilac | black, 7.2 to 1 |
| 37 | `#8b90b4` | `oklch(66.18% 0.0541 279.44)` | Fresh Lavender | black, 6.7 to 1 |
| 38 | `#8588ad` | `oklch(63.86% 0.0545 280.44)` | Purple Impression | black, 6.1 to 1 |
| 39 | `#7e80a5` | `oklch(61.30% 0.0548 282.13)` | Roseine Plum | black, 5.5 to 1 |
| 40 | `#78789c` | `oklch(58.56% 0.0551 284.36)` | Benimidori Purple | black, 4.9 to 1 |
| 41 | `#716f93` | `oklch(55.72% 0.0554 286.99)` | Silk Crepe Mauve | white, 4.7 to 1 |
| 42 | `#6a668a` | `oklch(52.87% 0.0556 289.88)` | Heron | white, 5.3 to 1 |
| 43 | `#645e81` | `oklch(50.06% 0.0558 292.87)` | Purple Valley | white, 6 to 1 |
| 44 | `#5e5678` | `oklch(47.37% 0.0560 295.84)` | Taylor | white, 6.8 to 1 |
| 45 | `#594e70` | `oklch(44.89% 0.0561 298.64)` | Benikakehana Purple | white, 7.6 to 1 |
| 46 | `#544869` | `oklch(42.68% 0.0563 301.13)` | Woad Purple | white, 8.3 to 1 |
| 47 | `#504263` | `oklch(40.81% 0.0564 303.15)` | Royal Indigo | white, 9 to 1 |
| 48 | `#4d3e5f` | `oklch(39.37% 0.0565 304.58)` | Powerful Mauve | white, 9.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f6bd8f 0.0%, #f1b18a 2.1%, #e9a085 4.3%, #dd8d82 6.4%, #cc7882 8.5%, #b76584 10.6%, #9d5486 12.8%, #824687 14.9%, #673c86 17.0%, #4e3483 19.1%, #382e7e 21.3%, #282d7b 23.4%, #1d2e79 25.5%, #1c347c 27.7%, #243d82 29.8%, #34498b 31.9%, #475797 34.0%, #5e67a3 36.2%, #7678b0 38.3%, #8d89bd 40.4%, #a39ac8 42.6%, #b6aad3 44.7%, #c5b7dc 46.8%, #cfc1e2 48.9%, #d4c7e5 51.1%, #d5c9e6 53.2%, #d4c9e6 55.3%, #d1c7e4 57.4%, #cbc3e1 59.6%, #c4bedd 61.7%, #bcb8d8 63.8%, #b3b1d3 66.0%, #aaaacd 68.1%, #a1a3c7 70.2%, #989cc0 72.3%, #9196ba 74.5%, #8b90b4 76.6%, #8588ad 78.7%, #7e80a5 80.9%, #78789c 83.0%, #716f93 85.1%, #6a668a 87.2%, #645e81 89.4%, #5e5678 91.5%, #594e70 93.6%, #544869 95.7%, #504263 97.9%, #4d3e5f 100.0%);
background: linear-gradient(135deg in oklch, oklch(83.86% 0.0896 59.77) 0.0%, oklch(81.05% 0.0920 51.72) 2.1%, oklch(77.07% 0.0955 40.78) 4.3%, oklch(72.20% 0.1000 27.56) 6.4%, oklch(66.70% 0.1050 12.69) 8.5%, oklch(60.87% 0.1102 356.77) 10.6%, oklch(54.98% 0.1154 340.45) 12.8%, oklch(49.30% 0.1203 324.33) 14.9%, oklch(44.12% 0.1246 309.04) 17.0%, oklch(39.72% 0.1279 295.21) 19.1%, oklch(36.36% 0.1299 283.44) 21.3%, oklch(34.34% 0.1304 274.37) 23.4%, oklch(33.92% 0.1290 268.59) 25.5%, oklch(35.29% 0.1254 265.94) 27.7%, oklch(38.22% 0.1198 265.87) 29.8%, oklch(42.38% 0.1127 267.91) 31.9%, oklch(47.48% 0.1044 271.60) 34.0%, oklch(53.21% 0.0954 276.49) 36.2%, oklch(59.25% 0.0859 282.11) 38.3%, oklch(65.29% 0.0765 288.01) 40.4%, oklch(71.03% 0.0676 293.72) 42.6%, oklch(76.15% 0.0595 298.79) 44.7%, oklch(80.36% 0.0526 302.76) 46.8%, oklch(83.33% 0.0474 305.16) 48.9%, oklch(84.86% 0.0440 305.68) 51.1%, oklch(85.48% 0.0421 304.92) 53.2%, oklch(85.36% 0.0412 303.20) 55.3%, oklch(84.61% 0.0413 300.73) 57.4%, oklch(83.33% 0.0422 297.72) 59.6%, oklch(81.63% 0.0436 294.38) 61.7%, oklch(79.61% 0.0453 290.92) 63.8%, oklch(77.36% 0.0473 287.56) 66.0%, oklch(75.00% 0.0493 284.50) 68.1%, oklch(72.61% 0.0511 281.96) 70.2%, oklch(70.32% 0.0526 280.14) 72.3%, oklch(68.20% 0.0536 279.27) 74.5%, oklch(66.18% 0.0541 279.44) 76.6%, oklch(63.86% 0.0545 280.44) 78.7%, oklch(61.30% 0.0548 282.13) 80.9%, oklch(58.56% 0.0551 284.36) 83.0%, oklch(55.72% 0.0554 286.99) 85.1%, oklch(52.87% 0.0556 289.88) 87.2%, oklch(50.06% 0.0558 292.87) 89.4%, oklch(47.37% 0.0560 295.84) 91.5%, oklch(44.89% 0.0561 298.64) 93.6%, oklch(42.68% 0.0563 301.13) 95.7%, oklch(40.81% 0.0564 303.15) 97.9%, oklch(39.37% 0.0565 304.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.09 | 59.8 |
| 2 | 0.339 | 0.13 | -90.3 |
| 3 | 0.843 | 0.045 | -54.4 |
| 4 | 0.677 | 0.054 | -80.8 |
| 5 | 0.394 | 0.056 | -55.4 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)

## Other forms

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