# Peach pink plum gradient Vivid analogous peach, pink and purple linear gradient with 32 colors: #feb08a, #feac8a, #fea889, #fea389, #fd9d8a, #fc978b, #fb918c, #f98a8d, #f8858e, #f77f8e, #f7798e, #f7728e, #f76b8d, #f6648d, #f35d8c, #f0578b, #ea518a, #e34c87, #db4884, #d24480, #c8407b, #be3c77, #b53972, #ac356e, #a3316a, #9a2c66, #912862, #88245d, #7f1f59, #781c55, #711952, #6d164f. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Vivid analogous peach, pink and purple linear gradient - Seed: `kW0UwhXzK8dTGPjBuz8LzC-w` - Page: https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: light to dark, vivid, warm - Hues: analogous - Contrast of its darkest and lightest colors: 6.2 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 | `#feb08a` | `oklch(82.28% 0.1047 46.41)` | Spice Pink | black, 11.7 to 1 | | 2 | `#feac8a` | `oklch(81.69% 0.1073 43.93)` | Sunset Over the Alps | black, 11.5 to 1 | | 3 | `#fea889` | `oklch(80.90% 0.1107 40.51)` | Super Sepia | black, 11.1 to 1 | | 4 | `#fea389` | `oklch(79.97% 0.1147 36.42)` | Tangerine Cream | black, 10.7 to 1 | | 5 | `#fd9d8a` | `oklch(78.93% 0.1192 31.97)` | Peach’s Daydream | black, 10.3 to 1 | | 6 | `#fc978b` | `oklch(77.82% 0.1241 27.43)` | Lolly | black, 9.9 to 1 | | 7 | `#fb918c` | `oklch(76.69% 0.1294 23.08)` | Cherished One | black, 9.4 to 1 | | 8 | `#f98a8d` | `oklch(75.59% 0.1349 19.22)` | Vinaceous Cinnamon | black, 9 to 1 | | 9 | `#f8858e` | `oklch(74.55% 0.1407 16.11)` | Camaron Pink | black, 8.7 to 1 | | 10 | `#f77f8e` | `oklch(73.59% 0.1477 13.51)` | Camaron Pink | black, 8.3 to 1 | | 11 | `#f7798e` | `oklch(72.66% 0.1559 11.22)` | Carnation | black, 8 to 1 | | 12 | `#f7728e` | `oklch(71.73% 0.1646 9.19)` | Pink Explosion | black, 7.7 to 1 | | 13 | `#f76b8d` | `oklch(70.77% 0.1733 7.37)` | Rosy Pink | black, 7.4 to 1 | | 14 | `#f6648d` | `oklch(69.73% 0.1811 5.73)` | Rosy Pink | black, 7.1 to 1 | | 15 | `#f35d8c` | `oklch(68.57% 0.1875 4.20)` | Watermelon Juice | black, 6.7 to 1 | | 16 | `#f0578b` | `oklch(67.26% 0.1918 2.74)` | Power Peony | black, 6.4 to 1 | | 17 | `#ea518a` | `oklch(65.76% 0.1933 1.34)` | Hindu Lotus | black, 6 to 1 | | 18 | `#e34c87` | `oklch(64.06% 0.1923 0.16)` | Fandango Pink | black, 5.6 to 1 | | 19 | `#db4884` | `oklch(62.19% 0.1893 359.16)` | Pickled Pink | black, 5.2 to 1 | | 20 | `#d24480` | `oklch(60.21% 0.1849 358.30)` | Jaipur Pink | black, 4.8 to 1 | | 21 | `#c8407b` | `oklch(58.16% 0.1795 357.50)` | Fuchsia Rose | white, 4.6 to 1 | | 22 | `#be3c77` | `oklch(56.09% 0.1738 356.71)` | Razzle Dazzle | white, 5.1 to 1 | | 23 | `#b53972` | `oklch(54.04% 0.1683 355.86)` | Fiery Fuchsia | white, 5.5 to 1 | | 24 | `#ac356e` | `oklch(52.05% 0.1636 354.89)` | Rich Maroon | white, 6 to 1 | | 25 | `#a3316a` | `oklch(50.09% 0.1596 353.75)` | Amaranth Deep Purple | white, 6.5 to 1 | | 26 | `#9a2c66` | `oklch(47.97% 0.1554 352.43)` | Magenta Manicure | white, 7.1 to 1 | | 27 | `#912862` | `oklch(45.79% 0.1511 351.02)` | Beetiful Magenta | white, 7.8 to 1 | | 28 | `#88245d` | `oklch(43.62% 0.1468 349.59)` | Dark Raspberry | white, 8.5 to 1 | | 29 | `#7f1f59` | `oklch(41.57% 0.1427 348.20)` | Smooch | white, 9.3 to 1 | | 30 | `#781c55` | `oklch(39.72% 0.1390 346.95)` | Smooch | white, 10 to 1 | | 31 | `#711952` | `oklch(38.17% 0.1360 345.89)` | Velvet | white, 10.7 to 1 | | 32 | `#6d164f` | `oklch(37.01% 0.1337 345.11)` | Velvet | white, 11.2 to 1 | ## CSS ```css background: linear-gradient(90deg, #feb08a 0.0%, #feac8a 3.2%, #fea889 6.5%, #fea389 9.7%, #fd9d8a 12.9%, #fc978b 16.1%, #fb918c 19.4%, #f98a8d 22.6%, #f8858e 25.8%, #f77f8e 29.0%, #f7798e 32.3%, #f7728e 35.5%, #f76b8d 38.7%, #f6648d 41.9%, #f35d8c 45.2%, #f0578b 48.4%, #ea518a 51.6%, #e34c87 54.8%, #db4884 58.1%, #d24480 61.3%, #c8407b 64.5%, #be3c77 67.7%, #b53972 71.0%, #ac356e 74.2%, #a3316a 77.4%, #9a2c66 80.6%, #912862 83.9%, #88245d 87.1%, #7f1f59 90.3%, #781c55 93.5%, #711952 96.8%, #6d164f 100.0%); background: linear-gradient(90deg in oklch, oklch(82.28% 0.1047 46.41) 0.0%, oklch(81.69% 0.1073 43.93) 3.2%, oklch(80.90% 0.1107 40.51) 6.5%, oklch(79.97% 0.1147 36.42) 9.7%, oklch(78.93% 0.1192 31.97) 12.9%, oklch(77.82% 0.1241 27.43) 16.1%, oklch(76.69% 0.1294 23.08) 19.4%, oklch(75.59% 0.1349 19.22) 22.6%, oklch(74.55% 0.1407 16.11) 25.8%, oklch(73.59% 0.1477 13.51) 29.0%, oklch(72.66% 0.1559 11.22) 32.3%, oklch(71.73% 0.1646 9.19) 35.5%, oklch(70.77% 0.1733 7.37) 38.7%, oklch(69.73% 0.1811 5.73) 41.9%, oklch(68.57% 0.1875 4.20) 45.2%, oklch(67.26% 0.1918 2.74) 48.4%, oklch(65.76% 0.1933 1.34) 51.6%, oklch(64.06% 0.1923 0.16) 54.8%, oklch(62.19% 0.1893 359.16) 58.1%, oklch(60.21% 0.1849 358.30) 61.3%, oklch(58.16% 0.1795 357.50) 64.5%, oklch(56.09% 0.1738 356.71) 67.7%, oklch(54.04% 0.1683 355.86) 71.0%, oklch(52.05% 0.1636 354.89) 74.2%, oklch(50.09% 0.1596 353.75) 77.4%, oklch(47.97% 0.1554 352.43) 80.6%, oklch(45.79% 0.1511 351.02) 83.9%, oklch(43.62% 0.1468 349.59) 87.1%, oklch(41.57% 0.1427 348.20) 90.3%, oklch(39.72% 0.1390 346.95) 93.5%, oklch(38.17% 0.1360 345.89) 96.8%, oklch(37.01% 0.1337 345.11) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.823 | 0.105 | 46.4 | | 2 | 0.748 | 0.139 | 16.8 | | 3 | 0.665 | 0.193 | 2 | | 4 | 0.516 | 0.163 | -5.4 | | 5 | 0.37 | 0.134 | -14.9 | ## In these collections - [Three color gradients](https://grabient.com/three-color-gradients) ## Other forms - [JSON](https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w.json?steps=32) - [PNG](https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w.png?steps=32) - [SVG](https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w.svg?steps=32) - [CSS](https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w.css?steps=32) - [ASE](https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w.ase?steps=32) - [GPL](https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w.gpl?steps=32) - [GRD](https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w.grd?steps=32) - [Design tokens](https://grabient.com/kW0UwhXzK8dTGPjBuz8LzC-w.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kW0UwhXzK8dTGPjBuz8LzC-w&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kW0UwhXzK8dTGPjBuz8LzC-w) - [Guide for agents](https://grabient.com/llms.txt)