# Candy red green diagonal

Purple, pink, tan and orange linear gradient with 48 colors: #7664ac, #7c62ad, #835eac, #8c5aaa, #9754a5, #a24e9d, #ad4793, #b74186, #c13d79, #c93a6b, #d03a5f, #d63e57, #da4554, #df5059, #e35d66, #e76b76, #ea7b89, #ec8b9c, #ee9bae, #efaabe, #f0b8ca, #f0c4d4, #f1cdda, #f2d4de, #f4d7de, #f5d6db, #f7d3d4, #f8cec9, #f7c9b9, #f4c4a6, #eebf91, #e4bc7d, #d7ba6b, #c9b95e, #bcb854, #b3b74d, #afb548, #b0b241, #b5ae39, #bda932, #c6a42f, #cf9e31, #d79939, #dd9444, #e28f50, #e48c5b, #e68a64, #e6886a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, pink, tan and orange linear gradient
- Seed: `kWjFHRTMPJ_KMvXfr012603Q`
- Page: https://grabient.com/kWjFHRTMPJ_KMvXfr012603Q?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#7664ac` | `oklch(55.12% 0.1116 293.91)` | Genestealer Purple | white, 5 to 1 |
| 2 | `#7c62ad` | `oklch(55.29% 0.1160 298.44)` | Genestealer Purple | white, 5 to 1 |
| 3 | `#835eac` | `oklch(55.39% 0.1226 304.61)` | Genestealer Purple | white, 5 to 1 |
| 4 | `#8c5aaa` | `oklch(55.46% 0.1308 312.07)` | Lusty Lavender | white, 5 to 1 |
| 5 | `#9754a5` | `oklch(55.53% 0.1401 320.46)` | Vicious Violet | white, 5 to 1 |
| 6 | `#a24e9d` | `oklch(55.65% 0.1498 329.44)` | Hyacinth Violet | white, 5.1 to 1 |
| 7 | `#ad4793` | `oklch(55.84% 0.1595 338.65)` | Plum Dust | white, 5.1 to 1 |
| 8 | `#b74186` | `oklch(56.14% 0.1685 347.74)` | Orchid Ecstasy | white, 5 to 1 |
| 9 | `#c13d79` | `oklch(56.59% 0.1764 356.35)` | Lilac Rose | white, 5 to 1 |
| 10 | `#c93a6b` | `oklch(57.23% 0.1826 4.14)` | Raspberry Jam | white, 4.8 to 1 |
| 11 | `#d03a5f` | `oklch(58.09% 0.1864 10.76)` | Azalea | white, 4.7 to 1 |
| 12 | `#d63e57` | `oklch(59.21% 0.1875 15.84)` | Match Head | black, 4.6 to 1 |
| 13 | `#da4554` | `oklch(60.63% 0.1850 19.04)` | Celestial Coral | black, 4.9 to 1 |
| 14 | `#df5059` | `oklch(62.59% 0.1783 20.00)` | Flushed | black, 5.4 to 1 |
| 15 | `#e35d66` | `oklch(65.08% 0.1675 19.01)` | Lovely Little Rosy | black, 6 to 1 |
| 16 | `#e76b76` | `oklch(67.96% 0.1536 16.51)` | Old Heart | black, 6.7 to 1 |
| 17 | `#ea7b89` | `oklch(71.11% 0.1376 12.94)` | Dimple | black, 7.6 to 1 |
| 18 | `#ec8b9c` | `oklch(74.39% 0.1201 8.76)` | Peony | black, 8.7 to 1 |
| 19 | `#ee9bae` | `oklch(77.68% 0.1022 4.41)` | Pink Moment | black, 9.9 to 1 |
| 20 | `#efaabe` | `oklch(80.85% 0.0847 0.33)` | Pink Blessing | black, 11.1 to 1 |
| 21 | `#f0b8ca` | `oklch(83.77% 0.0685 356.97)` | Berries N’ Cream | black, 12.3 to 1 |
| 22 | `#f0c4d4` | `oklch(86.31% 0.0545 354.77)` | Desire Pink | black, 13.5 to 1 |
| 23 | `#f1cdda` | `oklch(88.34% 0.0434 354.19)` | Smidgen of Love | black, 14.5 to 1 |
| 24 | `#f2d4de` | `oklch(89.74% 0.0363 355.66)` | Pomodoro e Mozzarella | black, 15.2 to 1 |
| 25 | `#f4d7de` | `oklch(90.39% 0.0338 359.69)` | Eliza Jane | black, 15.5 to 1 |
| 26 | `#f5d6db` | `oklch(90.34% 0.0353 6.64)` | Cherub | black, 15.5 to 1 |
| 27 | `#f7d3d4` | `oklch(89.72% 0.0402 16.01)` | Rose Milk | black, 15.2 to 1 |
| 28 | `#f8cec9` | `oklch(88.63% 0.0478 27.20)` | Veiled Rose | black, 14.6 to 1 |
| 29 | `#f7c9b9` | `oklch(87.17% 0.0574 39.62)` | Sherbet Fruit | black, 14 to 1 |
| 30 | `#f4c4a6` | `oklch(85.44% 0.0685 52.68)` | Australian Apricot | black, 13.2 to 1 |
| 31 | `#eebf91` | `oklch(83.55% 0.0803 65.77)` | Golden Oat Coloured | black, 12.4 to 1 |
| 32 | `#e4bc7d` | `oklch(81.61% 0.0923 78.29)` | Wheat Bread | black, 11.7 to 1 |
| 33 | `#d7ba6b` | `oklch(79.72% 0.1037 89.67)` | Tookie Bird | black, 11.1 to 1 |
| 34 | `#c9b95e` | `oklch(77.99% 0.1140 99.29)` | Almond Puff | black, 10.5 to 1 |
| 35 | `#bcb854` | `oklch(76.51% 0.1224 106.56)` | Parachute | black, 10 to 1 |
| 36 | `#b3b74d` | `oklch(75.40% 0.1285 110.89)` | Japanese Fern | black, 9.7 to 1 |
| 37 | `#afb548` | `oklch(74.66% 0.1320 111.88)` | Delaunay Green | black, 9.5 to 1 |
| 38 | `#b0b241` | `oklch(74.06% 0.1341 109.98)` | Delaunay Green | black, 9.2 to 1 |
| 39 | `#b5ae39` | `oklch(73.58% 0.1350 105.69)` | New Green | black, 9 to 1 |
| 40 | `#bda932` | `oklch(73.21% 0.1350 99.48)` | Hey Pesto | black, 8.9 to 1 |
| 41 | `#c6a42f` | `oklch(72.92% 0.1342 91.83)` | Lemon Curry | black, 8.7 to 1 |
| 42 | `#cf9e31` | `oklch(72.71% 0.1329 83.23)` | Herald’s Trumpet | black, 8.5 to 1 |
| 43 | `#d79939` | `oklch(72.55% 0.1312 74.16)` | Trinket | black, 8.4 to 1 |
| 44 | `#dd9444` | `oklch(72.43% 0.1293 65.10)` | Orange Caramel | black, 8.3 to 1 |
| 45 | `#e28f50` | `oklch(72.34% 0.1275 56.52)` | Jasper Orange | black, 8.2 to 1 |
| 46 | `#e48c5b` | `oklch(72.26% 0.1258 48.91)` | Aegean Sky | black, 8.2 to 1 |
| 47 | `#e68a64` | `oklch(72.16% 0.1246 42.75)` | Shell Coral | black, 8.1 to 1 |
| 48 | `#e6886a` | `oklch(72.05% 0.1240 38.52)` | Brewed Mustard | black, 8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #7664ac 0.0%, #7c62ad 2.1%, #835eac 4.3%, #8c5aaa 6.4%, #9754a5 8.5%, #a24e9d 10.6%, #ad4793 12.8%, #b74186 14.9%, #c13d79 17.0%, #c93a6b 19.1%, #d03a5f 21.3%, #d63e57 23.4%, #da4554 25.5%, #df5059 27.7%, #e35d66 29.8%, #e76b76 31.9%, #ea7b89 34.0%, #ec8b9c 36.2%, #ee9bae 38.3%, #efaabe 40.4%, #f0b8ca 42.6%, #f0c4d4 44.7%, #f1cdda 46.8%, #f2d4de 48.9%, #f4d7de 51.1%, #f5d6db 53.2%, #f7d3d4 55.3%, #f8cec9 57.4%, #f7c9b9 59.6%, #f4c4a6 61.7%, #eebf91 63.8%, #e4bc7d 66.0%, #d7ba6b 68.1%, #c9b95e 70.2%, #bcb854 72.3%, #b3b74d 74.5%, #afb548 76.6%, #b0b241 78.7%, #b5ae39 80.9%, #bda932 83.0%, #c6a42f 85.1%, #cf9e31 87.2%, #d79939 89.4%, #dd9444 91.5%, #e28f50 93.6%, #e48c5b 95.7%, #e68a64 97.9%, #e6886a 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.12% 0.1116 293.91) 0.0%, oklch(55.29% 0.1160 298.44) 2.1%, oklch(55.39% 0.1226 304.61) 4.3%, oklch(55.46% 0.1308 312.07) 6.4%, oklch(55.53% 0.1401 320.46) 8.5%, oklch(55.65% 0.1498 329.44) 10.6%, oklch(55.84% 0.1595 338.65) 12.8%, oklch(56.14% 0.1685 347.74) 14.9%, oklch(56.59% 0.1764 356.35) 17.0%, oklch(57.23% 0.1826 4.14) 19.1%, oklch(58.09% 0.1864 10.76) 21.3%, oklch(59.21% 0.1875 15.84) 23.4%, oklch(60.63% 0.1850 19.04) 25.5%, oklch(62.59% 0.1783 20.00) 27.7%, oklch(65.08% 0.1675 19.01) 29.8%, oklch(67.96% 0.1536 16.51) 31.9%, oklch(71.11% 0.1376 12.94) 34.0%, oklch(74.39% 0.1201 8.76) 36.2%, oklch(77.68% 0.1022 4.41) 38.3%, oklch(80.85% 0.0847 0.33) 40.4%, oklch(83.77% 0.0685 356.97) 42.6%, oklch(86.31% 0.0545 354.77) 44.7%, oklch(88.34% 0.0434 354.19) 46.8%, oklch(89.74% 0.0363 355.66) 48.9%, oklch(90.39% 0.0338 359.69) 51.1%, oklch(90.34% 0.0353 6.64) 53.2%, oklch(89.72% 0.0402 16.01) 55.3%, oklch(88.63% 0.0478 27.20) 57.4%, oklch(87.17% 0.0574 39.62) 59.6%, oklch(85.44% 0.0685 52.68) 61.7%, oklch(83.55% 0.0803 65.77) 63.8%, oklch(81.61% 0.0923 78.29) 66.0%, oklch(79.72% 0.1037 89.67) 68.1%, oklch(77.99% 0.1140 99.29) 70.2%, oklch(76.51% 0.1224 106.56) 72.3%, oklch(75.40% 0.1285 110.89) 74.5%, oklch(74.66% 0.1320 111.88) 76.6%, oklch(74.06% 0.1341 109.98) 78.7%, oklch(73.58% 0.1350 105.69) 80.9%, oklch(73.21% 0.1350 99.48) 83.0%, oklch(72.92% 0.1342 91.83) 85.1%, oklch(72.71% 0.1329 83.23) 87.2%, oklch(72.55% 0.1312 74.16) 89.4%, oklch(72.43% 0.1293 65.10) 91.5%, oklch(72.34% 0.1275 56.52) 93.6%, oklch(72.26% 0.1258 48.91) 95.7%, oklch(72.16% 0.1246 42.75) 97.9%, oklch(72.05% 0.1240 38.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.112 | 293.9 |
| 2 | 0.602 | 0.186 | 378.4 |
| 3 | 0.902 | 0.034 | 357.3 |
| 4 | 0.752 | 0.13 | 471.4 |
| 5 | 0.72 | 0.124 | 398.5 |

## In these collections

- [Throwback kid](https://grabient.com/throwback-kid)

## Other forms

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