# Plum cream apricot diagonal

Tritone navy, purple and pink linear gradient with 64 colors: #301961, #2e1860, #2c175e, #29155c, #261359, #221056, #1f0e53, #1b0b50, #18094c, #15074a, #140647, #130646, #130645, #140745, #170946, #1c0d48, #23124b, #2d1850, #3a2055, #4a295b, #5c3461, #6f4066, #834e6c, #965e72, #a86f78, #b98080, #c89389, #d6a493, #e2b59d, #ecc3a8, #f5d0b2, #fcd9bb, #ffe0c5, #ffe5d0, #ffe8d8, #ffe8dc, #ffe7de, #ffe4df, #ffe0df, #ffdadf, #ffd3e0, #facde3, #f1c8e6, #e8c4e7, #ddc0e8, #d4bce8, #cbb7e6, #c4b3e5, #c0afe2, #bba9de, #b8a2da, #b69bd4, #b492cc, #b389c4, #b27fb9, #b276ae, #b26ca1, #b16393, #b05a85, #ae5277, #ad4b6a, #aa455d, #a84053, #a63b4a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone navy, purple and pink linear gradient
- Seed: `kWSlfPnqS_vSUT9lGjFQLNIw`
- Page: https://grabient.com/kWSlfPnqS_vSUT9lGjFQLNIw?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 15.6 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 | `#301961` | `oklch(29.13% 0.1199 291.80)` | Night Fog | white, 14.6 to 1 |
| 2 | `#2e1860` | `oklch(28.81% 0.1192 291.46)` | Night Fog | white, 14.8 to 1 |
| 3 | `#2c175e` | `oklch(28.22% 0.1185 290.67)` | Voldemort | white, 15.1 to 1 |
| 4 | `#29155c` | `oklch(27.41% 0.1178 289.52)` | Voldemort | white, 15.4 to 1 |
| 5 | `#261359` | `oklch(26.44% 0.1170 288.13)` | Praise of Shadow | white, 15.9 to 1 |
| 6 | `#221056` | `oklch(25.38% 0.1161 286.59)` | Praise of Shadow | white, 16.4 to 1 |
| 7 | `#1f0e53` | `oklch(24.29% 0.1151 285.02)` | Indigo Sloth | white, 16.8 to 1 |
| 8 | `#1b0b50` | `oklch(23.21% 0.1141 283.52)` | Indigo Sloth | white, 17.3 to 1 |
| 9 | `#18094c` | `oklch(22.23% 0.1129 282.20)` | Magic Whale | white, 17.7 to 1 |
| 10 | `#15074a` | `oklch(21.38% 0.1117 281.16)` | Magic Whale | white, 18 to 1 |
| 11 | `#140647` | `oklch(20.74% 0.1104 280.51)` | Magic Whale | white, 18.2 to 1 |
| 12 | `#130646` | `oklch(20.36% 0.1089 280.36)` | Magic Whale | white, 18.4 to 1 |
| 13 | `#130645` | `oklch(20.31% 0.1074 280.81)` | Magic Whale | white, 18.4 to 1 |
| 14 | `#140745` | `oklch(20.64% 0.1058 281.97)` | Magic Whale | white, 18.3 to 1 |
| 15 | `#170946` | `oklch(21.42% 0.1040 283.95)` | Magic Whale | white, 18 to 1 |
| 16 | `#1c0d48` | `oklch(22.69% 0.1021 286.84)` | Shadow Planet | white, 17.4 to 1 |
| 17 | `#23124b` | `oklch(24.54% 0.1001 290.80)` | Shadow Planet | white, 16.6 to 1 |
| 18 | `#2d1850` | `oklch(27.17% 0.0977 296.50)` | Russian Violet | white, 15.4 to 1 |
| 19 | `#3a2055` | `oklch(30.57% 0.0949 303.96)` | Powerful Violet | white, 13.8 to 1 |
| 20 | `#4a295b` | `oklch(34.61% 0.0919 312.87)` | Acai | white, 11.9 to 1 |
| 21 | `#5c3461` | `oklch(39.17% 0.0886 322.95)` | Long Passionate Night | white, 9.9 to 1 |
| 22 | `#6f4066` | `oklch(44.15% 0.0851 333.87)` | Burnt Orchid | white, 8 to 1 |
| 23 | `#834e6c` | `oklch(49.43% 0.0815 345.35)` | Damson | white, 6.4 to 1 |
| 24 | `#965e72` | `oklch(54.87% 0.0779 357.07)` | Glitz and Glamour | white, 5 to 1 |
| 25 | `#a86f78` | `oklch(60.38% 0.0743 8.73)` | Black Elder | black, 5.2 to 1 |
| 26 | `#b98080` | `oklch(65.83% 0.0708 20.04)` | Rennie’s Rose | black, 6.4 to 1 |
| 27 | `#c89389` | `oklch(71.11% 0.0675 30.68)` | Mexican Moonlight | black, 7.9 to 1 |
| 28 | `#d6a493` | `oklch(76.09% 0.0644 40.37)` | Rosettee | black, 9.6 to 1 |
| 29 | `#e2b59d` | `oklch(80.66% 0.0616 48.78)` | Pink Tulle | black, 11.3 to 1 |
| 30 | `#ecc3a8` | `oklch(84.70% 0.0591 55.63)` | Siesta | black, 12.9 to 1 |
| 31 | `#f5d0b2` | `oklch(88.10% 0.0571 60.60)` | Barrett Quince | black, 14.5 to 1 |
| 32 | `#fcd9bb` | `oklch(90.74% 0.0557 63.40)` | Delicate Dawn | black, 15.7 to 1 |
| 33 | `#ffe0c5` | `oklch(92.54% 0.0499 63.72)` | Creamy Beige | black, 16.7 to 1 |
| 34 | `#ffe5d0` | `oklch(93.75% 0.0401 61.36)` | Lumber | black, 17.3 to 1 |
| 35 | `#ffe8d8` | `oklch(94.46% 0.0333 56.66)` | Blossom | black, 17.7 to 1 |
| 36 | `#ffe8dc` | `oklch(94.71% 0.0296 49.94)` | Guiding Star | black, 17.8 to 1 |
| 37 | `#ffe7de` | `oklch(94.55% 0.0287 41.58)` | French Manicure | black, 17.7 to 1 |
| 38 | `#ffe4df` | `oklch(94.04% 0.0303 31.91)` | Misty Rose | black, 17.4 to 1 |
| 39 | `#ffe0df` | `oklch(93.21% 0.0343 21.28)` | Red Remains | black, 16.9 to 1 |
| 40 | `#ffdadf` | `oklch(92.12% 0.0411 10.06)` | Strawberry Blonde | black, 16.3 to 1 |
| 41 | `#ffd3e0` | `oklch(90.82% 0.0518 358.58)` | Light Pink | black, 15.6 to 1 |
| 42 | `#facde3` | `oklch(89.36% 0.0584 347.22)` | Classic Rose | black, 14.9 to 1 |
| 43 | `#f1c8e6` | `oklch(87.78% 0.0600 336.30)` | Venetian Rose | black, 14.1 to 1 |
| 44 | `#e8c4e7` | `oklch(86.13% 0.0618 326.18)` | Prom Corsage | black, 13.4 to 1 |
| 45 | `#ddc0e8` | `oklch(84.47% 0.0638 317.21)` | Glittering Gemstone | black, 12.7 to 1 |
| 46 | `#d4bce8` | `oklch(82.84% 0.0660 309.74)` | York Plum | black, 12.1 to 1 |
| 47 | `#cbb7e6` | `oklch(81.28% 0.0684 304.13)` | Drifting Dream | black, 11.5 to 1 |
| 48 | `#c4b3e5` | `oklch(79.86% 0.0710 300.72)` | Purple Sand | black, 10.9 to 1 |
| 49 | `#c0afe2` | `oklch(78.49% 0.0739 299.61)` | Perfume | black, 10.4 to 1 |
| 50 | `#bba9de` | `oklch(76.90% 0.0774 300.28)` | Perfume | black, 9.8 to 1 |
| 51 | `#b8a2da` | `oklch(75.13% 0.0814 302.48)` | Enchanted Lavender | black, 9.2 to 1 |
| 52 | `#b69bd4` | `oklch(73.21% 0.0859 306.01)` | Violet Velvet | black, 8.5 to 1 |
| 53 | `#b492cc` | `oklch(71.16% 0.0908 310.65)` | Cut Velvet | black, 7.9 to 1 |
| 54 | `#b389c4` | `oklch(69.04% 0.0959 316.20)` | Creeping Bellflower | black, 7.2 to 1 |
| 55 | `#b27fb9` | `oklch(66.86% 0.1011 322.44)` | Cheddar Pink Mauve | black, 6.6 to 1 |
| 56 | `#b276ae` | `oklch(64.67% 0.1065 329.17)` | Moonlight Melody | black, 6 to 1 |
| 57 | `#b26ca1` | `oklch(62.50% 0.1118 336.18)` | Pink Parade | black, 5.5 to 1 |
| 58 | `#b16393` | `oklch(60.38% 0.1170 343.25)` | Exotic Bloom | black, 5 to 1 |
| 59 | `#b05a85` | `oklch(58.35% 0.1220 350.18)` | Dahlia Mauve | black, 4.6 to 1 |
| 60 | `#ae5277` | `oklch(56.45% 0.1267 356.75)` | Diva Glam | white, 4.8 to 1 |
| 61 | `#ad4b6a` | `oklch(54.71% 0.1310 2.75)` | Bing Cherry Pie | white, 5.2 to 1 |
| 62 | `#aa455d` | `oklch(53.16% 0.1348 7.99)` | Rose Laffy Taffy | white, 5.6 to 1 |
| 63 | `#a84053` | `oklch(51.84% 0.1380 12.23)` | Speaking of the Devil | white, 5.9 to 1 |
| 64 | `#a63b4a` | `oklch(50.79% 0.1406 15.28)` | Valentine | white, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #301961 0.0%, #2e1860 1.6%, #2c175e 3.2%, #29155c 4.8%, #261359 6.3%, #221056 7.9%, #1f0e53 9.5%, #1b0b50 11.1%, #18094c 12.7%, #15074a 14.3%, #140647 15.9%, #130646 17.5%, #130645 19.0%, #140745 20.6%, #170946 22.2%, #1c0d48 23.8%, #23124b 25.4%, #2d1850 27.0%, #3a2055 28.6%, #4a295b 30.2%, #5c3461 31.7%, #6f4066 33.3%, #834e6c 34.9%, #965e72 36.5%, #a86f78 38.1%, #b98080 39.7%, #c89389 41.3%, #d6a493 42.9%, #e2b59d 44.4%, #ecc3a8 46.0%, #f5d0b2 47.6%, #fcd9bb 49.2%, #ffe0c5 50.8%, #ffe5d0 52.4%, #ffe8d8 54.0%, #ffe8dc 55.6%, #ffe7de 57.1%, #ffe4df 58.7%, #ffe0df 60.3%, #ffdadf 61.9%, #ffd3e0 63.5%, #facde3 65.1%, #f1c8e6 66.7%, #e8c4e7 68.3%, #ddc0e8 69.8%, #d4bce8 71.4%, #cbb7e6 73.0%, #c4b3e5 74.6%, #c0afe2 76.2%, #bba9de 77.8%, #b8a2da 79.4%, #b69bd4 81.0%, #b492cc 82.5%, #b389c4 84.1%, #b27fb9 85.7%, #b276ae 87.3%, #b26ca1 88.9%, #b16393 90.5%, #b05a85 92.1%, #ae5277 93.7%, #ad4b6a 95.2%, #aa455d 96.8%, #a84053 98.4%, #a63b4a 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.13% 0.1199 291.80) 0.0%, oklch(28.81% 0.1192 291.46) 1.6%, oklch(28.22% 0.1185 290.67) 3.2%, oklch(27.41% 0.1178 289.52) 4.8%, oklch(26.44% 0.1170 288.13) 6.3%, oklch(25.38% 0.1161 286.59) 7.9%, oklch(24.29% 0.1151 285.02) 9.5%, oklch(23.21% 0.1141 283.52) 11.1%, oklch(22.23% 0.1129 282.20) 12.7%, oklch(21.38% 0.1117 281.16) 14.3%, oklch(20.74% 0.1104 280.51) 15.9%, oklch(20.36% 0.1089 280.36) 17.5%, oklch(20.31% 0.1074 280.81) 19.0%, oklch(20.64% 0.1058 281.97) 20.6%, oklch(21.42% 0.1040 283.95) 22.2%, oklch(22.69% 0.1021 286.84) 23.8%, oklch(24.54% 0.1001 290.80) 25.4%, oklch(27.17% 0.0977 296.50) 27.0%, oklch(30.57% 0.0949 303.96) 28.6%, oklch(34.61% 0.0919 312.87) 30.2%, oklch(39.17% 0.0886 322.95) 31.7%, oklch(44.15% 0.0851 333.87) 33.3%, oklch(49.43% 0.0815 345.35) 34.9%, oklch(54.87% 0.0779 357.07) 36.5%, oklch(60.38% 0.0743 8.73) 38.1%, oklch(65.83% 0.0708 20.04) 39.7%, oklch(71.11% 0.0675 30.68) 41.3%, oklch(76.09% 0.0644 40.37) 42.9%, oklch(80.66% 0.0616 48.78) 44.4%, oklch(84.70% 0.0591 55.63) 46.0%, oklch(88.10% 0.0571 60.60) 47.6%, oklch(90.74% 0.0557 63.40) 49.2%, oklch(92.54% 0.0499 63.72) 50.8%, oklch(93.75% 0.0401 61.36) 52.4%, oklch(94.46% 0.0333 56.66) 54.0%, oklch(94.71% 0.0296 49.94) 55.6%, oklch(94.55% 0.0287 41.58) 57.1%, oklch(94.04% 0.0303 31.91) 58.7%, oklch(93.21% 0.0343 21.28) 60.3%, oklch(92.12% 0.0411 10.06) 61.9%, oklch(90.82% 0.0518 358.58) 63.5%, oklch(89.36% 0.0584 347.22) 65.1%, oklch(87.78% 0.0600 336.30) 66.7%, oklch(86.13% 0.0618 326.18) 68.3%, oklch(84.47% 0.0638 317.21) 69.8%, oklch(82.84% 0.0660 309.74) 71.4%, oklch(81.28% 0.0684 304.13) 73.0%, oklch(79.86% 0.0710 300.72) 74.6%, oklch(78.49% 0.0739 299.61) 76.2%, oklch(76.90% 0.0774 300.28) 77.8%, oklch(75.13% 0.0814 302.48) 79.4%, oklch(73.21% 0.0859 306.01) 81.0%, oklch(71.16% 0.0908 310.65) 82.5%, oklch(69.04% 0.0959 316.20) 84.1%, oklch(66.86% 0.1011 322.44) 85.7%, oklch(64.67% 0.1065 329.17) 87.3%, oklch(62.50% 0.1118 336.18) 88.9%, oklch(60.38% 0.1170 343.25) 90.5%, oklch(58.35% 0.1220 350.18) 92.1%, oklch(56.45% 0.1267 356.75) 93.7%, oklch(54.71% 0.1310 2.75) 95.2%, oklch(53.16% 0.1348 7.99) 96.8%, oklch(51.84% 0.1380 12.23) 98.4%, oklch(50.79% 0.1406 15.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.12 | 291.8 |
| 2 | 0.24 | 0.101 | 289.7 |
| 3 | 0.917 | 0.055 | 423.9 |
| 4 | 0.795 | 0.072 | 300.3 |
| 5 | 0.508 | 0.141 | 375.3 |

## In these collections

- [Orange and purple gradients](https://grabient.com/orange-and-purple-gradients)

## Other forms

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