# Soft olive muted plum muted rose gradient

Tritone tan, pink and purple linear gradient with 64 colors: #cede8e, #cfdb8a, #d1d886, #d2d582, #d4d17d, #d6cc78, #d7c773, #d9c26f, #dbbd6b, #dcb767, #ddb164, #ddab61, #dea560, #de9e5f, #dd985f, #dc9260, #da8c62, #d88664, #d68167, #d37c69, #d0776d, #cc7270, #c86e73, #c46b76, #c06779, #bc647c, #b8627f, #b46081, #b05e84, #ad5c86, #aa5b87, #a75a89, #a55a8a, #a3598c, #a1598d, #a0598e, #9f598f, #9f5a8f, #9f5a90, #9f5b91, #9f5c92, #a05d92, #a15e93, #a25f94, #a36094, #a56295, #a76395, #a86596, #aa6696, #ac6796, #ae6997, #b06b97, #b26c98, #b46e98, #b66f98, #b77099, #b97299, #bb7399, #bc7499, #bd769a, #be779a, #bf779a, #c0789b, #c1799b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone tan, pink and purple linear gradient
- Seed: `kS3UxUSKov9QkQM`
- Page: https://grabient.com/kS3UxUSKov9QkQM?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.3 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 | `#cede8e` | `oklch(87.01% 0.1047 118.12)` | Lime Splash | black, 14.4 to 1 |
| 2 | `#cfdb8a` | `oklch(86.48% 0.1049 115.77)` | Lime Splash | black, 14.2 to 1 |
| 3 | `#d1d886` | `oklch(85.87% 0.1052 113.03)` | Lime Sherbet | black, 13.8 to 1 |
| 4 | `#d2d582` | `oklch(85.16% 0.1055 109.93)` | Green Gecko | black, 13.5 to 1 |
| 5 | `#d4d17d` | `oklch(84.38% 0.1058 106.49)` | Green Gecko | black, 13.1 to 1 |
| 6 | `#d6cc78` | `oklch(83.53% 0.1061 102.74)` | March Tulip Green | black, 12.7 to 1 |
| 7 | `#d7c773` | `oklch(82.60% 0.1065 98.71)` | Labrador’s Locks | black, 12.3 to 1 |
| 8 | `#d9c26f` | `oklch(81.62% 0.1070 94.42)` | Grassroots | black, 11.9 to 1 |
| 9 | `#dbbd6b` | `oklch(80.59% 0.1074 89.90)` | Pineapple Wine | black, 11.4 to 1 |
| 10 | `#dcb767` | `oklch(79.50% 0.1079 85.18)` | Misted Yellow | black, 10.9 to 1 |
| 11 | `#ddb164` | `oklch(78.38% 0.1084 80.28)` | Stranglethorn Ochre | black, 10.5 to 1 |
| 12 | `#ddab61` | `oklch(77.23% 0.1089 75.23)` | Sugar Honey Cashew | black, 10 to 1 |
| 13 | `#dea560` | `oklch(76.04% 0.1094 70.06)` | India Trade | black, 9.6 to 1 |
| 14 | `#de9e5f` | `oklch(74.84% 0.1099 64.79)` | Coffee Whip | black, 9.1 to 1 |
| 15 | `#dd985f` | `oklch(73.62% 0.1104 59.46)` | Di Sierra | black, 8.7 to 1 |
| 16 | `#dc9260` | `oklch(72.40% 0.1109 54.08)` | Summer’s End | black, 8.3 to 1 |
| 17 | `#da8c62` | `oklch(71.18% 0.1114 48.68)` | Copper Tan | black, 7.9 to 1 |
| 18 | `#d88664` | `oklch(69.96% 0.1119 43.30)` | King Salmon | black, 7.5 to 1 |
| 19 | `#d68167` | `oklch(68.75% 0.1124 37.95)` | Summer Sunset | black, 7.1 to 1 |
| 20 | `#d37c69` | `oklch(67.57% 0.1128 32.66)` | Masoho Red | black, 6.8 to 1 |
| 21 | `#d0776d` | `oklch(66.41% 0.1133 27.47)` | Light Tomato | black, 6.5 to 1 |
| 22 | `#cc7270` | `oklch(65.28% 0.1137 22.39)` | Abbey Pink | black, 6.2 to 1 |
| 23 | `#c86e73` | `oklch(64.19% 0.1141 17.46)` | Trout Pout | black, 5.9 to 1 |
| 24 | `#c46b76` | `oklch(63.15% 0.1145 12.69)` | Playful Pink | black, 5.7 to 1 |
| 25 | `#c06779` | `oklch(62.16% 0.1148 8.13)` | Pink Manhattan | black, 5.4 to 1 |
| 26 | `#bc647c` | `oklch(61.23% 0.1151 3.79)` | Raspberry Parfait | black, 5.2 to 1 |
| 27 | `#b8627f` | `oklch(60.37% 0.1153 359.70)` | Raspberry Parfait | black, 5 to 1 |
| 28 | `#b46081` | `oklch(59.58% 0.1155 355.88)` | Raspberry Parfait | black, 4.9 to 1 |
| 29 | `#b05e84` | `oklch(58.86% 0.1157 352.37)` | Guppy Violet | black, 4.7 to 1 |
| 30 | `#ad5c86` | `oklch(58.24% 0.1158 349.19)` | Guppy Violet | black, 4.6 to 1 |
| 31 | `#aa5b87` | `oklch(57.70% 0.1158 346.37)` | Guppy Violet | white, 4.6 to 1 |
| 32 | `#a75a89` | `oklch(57.27% 0.1158 343.93)` | Cyclamen Red | white, 4.6 to 1 |
| 33 | `#a55a8a` | `oklch(56.93% 0.1157 341.88)` | Cyclamen Red | white, 4.7 to 1 |
| 34 | `#a3598c` | `oklch(56.69% 0.1155 340.14)` | Cyclamen Red | white, 4.8 to 1 |
| 35 | `#a1598d` | `oklch(56.52% 0.1153 338.67)` | Bermuda Onion | white, 4.8 to 1 |
| 36 | `#a0598e` | `oklch(56.43% 0.1150 337.46)` | Bermuda Onion | white, 4.8 to 1 |
| 37 | `#9f598f` | `oklch(56.41% 0.1147 336.50)` | Bermuda Onion | white, 4.8 to 1 |
| 38 | `#9f5a8f` | `oklch(56.46% 0.1143 335.76)` | Bermuda Onion | white, 4.8 to 1 |
| 39 | `#9f5a90` | `oklch(56.58% 0.1138 335.24)` | Bermuda Onion | white, 4.8 to 1 |
| 40 | `#9f5b91` | `oklch(56.74% 0.1134 334.92)` | Bermuda Onion | white, 4.7 to 1 |
| 41 | `#9f5c92` | `oklch(56.97% 0.1128 334.79)` | Bermuda Onion | white, 4.7 to 1 |
| 42 | `#a05d92` | `oklch(57.24% 0.1123 334.83)` | Bermuda Onion | white, 4.6 to 1 |
| 43 | `#a15e93` | `oklch(57.55% 0.1117 335.03)` | Thimble Red | white, 4.6 to 1 |
| 44 | `#a25f94` | `oklch(57.91% 0.1110 335.38)` | Thimble Red | black, 4.6 to 1 |
| 45 | `#a36094` | `oklch(58.30% 0.1104 335.85)` | Thimble Red | black, 4.6 to 1 |
| 46 | `#a56295` | `oklch(58.72% 0.1097 336.44)` | Exotic Bloom | black, 4.7 to 1 |
| 47 | `#a76395` | `oklch(59.16% 0.1090 337.13)` | Exotic Bloom | black, 4.8 to 1 |
| 48 | `#a86596` | `oklch(59.63% 0.1083 337.90)` | Exotic Bloom | black, 4.9 to 1 |
| 49 | `#aa6696` | `oklch(60.11% 0.1076 338.75)` | Exotic Bloom | black, 5 to 1 |
| 50 | `#ac6796` | `oklch(60.60% 0.1069 339.65)` | Violetta | black, 5.1 to 1 |
| 51 | `#ae6997` | `oklch(61.10% 0.1062 340.60)` | Violetta | black, 5.2 to 1 |
| 52 | `#b06b97` | `oklch(61.60% 0.1055 341.57)` | Violetta | black, 5.3 to 1 |
| 53 | `#b26c98` | `oklch(62.10% 0.1049 342.56)` | Je t’aime | black, 5.4 to 1 |
| 54 | `#b46e98` | `oklch(62.60% 0.1042 343.55)` | Je t’aime | black, 5.5 to 1 |
| 55 | `#b66f98` | `oklch(63.08% 0.1035 344.52)` | Fuscia Fizz | black, 5.7 to 1 |
| 56 | `#b77099` | `oklch(63.54% 0.1029 345.47)` | Fuscia Fizz | black, 5.8 to 1 |
| 57 | `#b97299` | `oklch(63.99% 0.1023 346.37)` | Valentine Heart | black, 5.9 to 1 |
| 58 | `#bb7399` | `oklch(64.41% 0.1017 347.22)` | Valentine Heart | black, 6 to 1 |
| 59 | `#bc7499` | `oklch(64.80% 0.1012 347.99)` | Benifuji | black, 6.1 to 1 |
| 60 | `#bd769a` | `oklch(65.16% 0.1007 348.67)` | Valentine Heart | black, 6.2 to 1 |
| 61 | `#be779a` | `oklch(65.47% 0.1003 349.26)` | Benifuji | black, 6.2 to 1 |
| 62 | `#bf779a` | `oklch(65.75% 0.0999 349.73)` | Benifuji | black, 6.3 to 1 |
| 63 | `#c0789b` | `oklch(65.97% 0.0995 350.06)` | Dolomite Red | black, 6.4 to 1 |
| 64 | `#c1799b` | `oklch(66.14% 0.0992 350.26)` | Dolomite Red | black, 6.4 to 1 |

## CSS

```css
background: linear-gradient(225deg, #cede8e 0.0%, #cfdb8a 1.6%, #d1d886 3.2%, #d2d582 4.8%, #d4d17d 6.3%, #d6cc78 7.9%, #d7c773 9.5%, #d9c26f 11.1%, #dbbd6b 12.7%, #dcb767 14.3%, #ddb164 15.9%, #ddab61 17.5%, #dea560 19.0%, #de9e5f 20.6%, #dd985f 22.2%, #dc9260 23.8%, #da8c62 25.4%, #d88664 27.0%, #d68167 28.6%, #d37c69 30.2%, #d0776d 31.7%, #cc7270 33.3%, #c86e73 34.9%, #c46b76 36.5%, #c06779 38.1%, #bc647c 39.7%, #b8627f 41.3%, #b46081 42.9%, #b05e84 44.4%, #ad5c86 46.0%, #aa5b87 47.6%, #a75a89 49.2%, #a55a8a 50.8%, #a3598c 52.4%, #a1598d 54.0%, #a0598e 55.6%, #9f598f 57.1%, #9f5a8f 58.7%, #9f5a90 60.3%, #9f5b91 61.9%, #9f5c92 63.5%, #a05d92 65.1%, #a15e93 66.7%, #a25f94 68.3%, #a36094 69.8%, #a56295 71.4%, #a76395 73.0%, #a86596 74.6%, #aa6696 76.2%, #ac6796 77.8%, #ae6997 79.4%, #b06b97 81.0%, #b26c98 82.5%, #b46e98 84.1%, #b66f98 85.7%, #b77099 87.3%, #b97299 88.9%, #bb7399 90.5%, #bc7499 92.1%, #bd769a 93.7%, #be779a 95.2%, #bf779a 96.8%, #c0789b 98.4%, #c1799b 100.0%);
background: linear-gradient(225deg in oklch, oklch(87.01% 0.1047 118.12) 0.0%, oklch(86.48% 0.1049 115.77) 1.6%, oklch(85.87% 0.1052 113.03) 3.2%, oklch(85.16% 0.1055 109.93) 4.8%, oklch(84.38% 0.1058 106.49) 6.3%, oklch(83.53% 0.1061 102.74) 7.9%, oklch(82.60% 0.1065 98.71) 9.5%, oklch(81.62% 0.1070 94.42) 11.1%, oklch(80.59% 0.1074 89.90) 12.7%, oklch(79.50% 0.1079 85.18) 14.3%, oklch(78.38% 0.1084 80.28) 15.9%, oklch(77.23% 0.1089 75.23) 17.5%, oklch(76.04% 0.1094 70.06) 19.0%, oklch(74.84% 0.1099 64.79) 20.6%, oklch(73.62% 0.1104 59.46) 22.2%, oklch(72.40% 0.1109 54.08) 23.8%, oklch(71.18% 0.1114 48.68) 25.4%, oklch(69.96% 0.1119 43.30) 27.0%, oklch(68.75% 0.1124 37.95) 28.6%, oklch(67.57% 0.1128 32.66) 30.2%, oklch(66.41% 0.1133 27.47) 31.7%, oklch(65.28% 0.1137 22.39) 33.3%, oklch(64.19% 0.1141 17.46) 34.9%, oklch(63.15% 0.1145 12.69) 36.5%, oklch(62.16% 0.1148 8.13) 38.1%, oklch(61.23% 0.1151 3.79) 39.7%, oklch(60.37% 0.1153 359.70) 41.3%, oklch(59.58% 0.1155 355.88) 42.9%, oklch(58.86% 0.1157 352.37) 44.4%, oklch(58.24% 0.1158 349.19) 46.0%, oklch(57.70% 0.1158 346.37) 47.6%, oklch(57.27% 0.1158 343.93) 49.2%, oklch(56.93% 0.1157 341.88) 50.8%, oklch(56.69% 0.1155 340.14) 52.4%, oklch(56.52% 0.1153 338.67) 54.0%, oklch(56.43% 0.1150 337.46) 55.6%, oklch(56.41% 0.1147 336.50) 57.1%, oklch(56.46% 0.1143 335.76) 58.7%, oklch(56.58% 0.1138 335.24) 60.3%, oklch(56.74% 0.1134 334.92) 61.9%, oklch(56.97% 0.1128 334.79) 63.5%, oklch(57.24% 0.1123 334.83) 65.1%, oklch(57.55% 0.1117 335.03) 66.7%, oklch(57.91% 0.1110 335.38) 68.3%, oklch(58.30% 0.1104 335.85) 69.8%, oklch(58.72% 0.1097 336.44) 71.4%, oklch(59.16% 0.1090 337.13) 73.0%, oklch(59.63% 0.1083 337.90) 74.6%, oklch(60.11% 0.1076 338.75) 76.2%, oklch(60.60% 0.1069 339.65) 77.8%, oklch(61.10% 0.1062 340.60) 79.4%, oklch(61.60% 0.1055 341.57) 81.0%, oklch(62.10% 0.1049 342.56) 82.5%, oklch(62.60% 0.1042 343.55) 84.1%, oklch(63.08% 0.1035 344.52) 85.7%, oklch(63.54% 0.1029 345.47) 87.3%, oklch(63.99% 0.1023 346.37) 88.9%, oklch(64.41% 0.1017 347.22) 90.5%, oklch(64.80% 0.1012 347.99) 92.1%, oklch(65.16% 0.1007 348.67) 93.7%, oklch(65.47% 0.1003 349.26) 95.2%, oklch(65.75% 0.0999 349.73) 96.8%, oklch(65.97% 0.0995 350.06) 98.4%, oklch(66.14% 0.0992 350.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.105 | 118.1 |
| 2 | 0.571 | 0.116 | -17.1 |
| 3 | 0.661 | 0.099 | -9.7 |

## In these collections

- [Cabbage crush](https://grabient.com/cabbage-crush)

## Other forms

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