# Vivid peach, pink, purple and navy linear gradient

Vivid peach, pink, purple and navy linear gradient with 40 colors: #ffc291, #ffbd8c, #ffb784, #ffae7c, #ffa573, #ff9b6a, #ff9063, #ff845d, #ff7859, #ff6d57, #ff6258, #ff585a, #ff4e5e, #fd4665, #fa406c, #f73a74, #f3367c, #ef3284, #ea308c, #e42e95, #de2e9d, #d830a5, #d233ae, #cb37b7, #c43bbf, #bc40c5, #b343cb, #a946ce, #9d48d0, #9148ce, #8246ca, #7143c1, #5f3fb6, #4d39a8, #3b3398, #2a2d88, #1a2679, #0b206b, #001c5d, #001c4b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW2kkq2Ui8M7Tu3GSLqHqu6g`
- Page: https://grabient.com/kW2kkq2Ui8M7Tu3GSLqHqu6g?steps=40
- Drawn as: linear gradient, 40 steps, 90 degrees
- Kinds: light to dark, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.5 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 | `#ffc291` | `oklch(85.83% 0.0946 59.77)` | Tuscan Wall | black, 13.3 to 1 |
| 2 | `#ffbd8c` | `oklch(84.83% 0.0997 57.86)` | Orange Mousse | black, 12.9 to 1 |
| 3 | `#ffb784` | `oklch(83.49% 0.1068 55.43)` | Savannah Sun | black, 12.3 to 1 |
| 4 | `#ffae7c` | `oklch(81.90% 0.1154 52.56)` | Sassy Peach | black, 11.6 to 1 |
| 5 | `#ffa573` | `oklch(80.12% 0.1253 49.34)` | Young Tangerine | black, 10.8 to 1 |
| 6 | `#ff9b6a` | `oklch(78.23% 0.1360 45.85)` | Fresh Cantaloupe | black, 10.1 to 1 |
| 7 | `#ff9063` | `oklch(76.31% 0.1475 42.16)` | Pink Orange | black, 9.3 to 1 |
| 8 | `#ff845d` | `oklch(74.42% 0.1594 38.37)` | Pink Fire | black, 8.7 to 1 |
| 9 | `#ff7859` | `oklch(72.66% 0.1712 34.56)` | Melon | black, 8 to 1 |
| 10 | `#ff6d57` | `oklch(71.09% 0.1826 30.80)` | Blistering Mars | black, 7.5 to 1 |
| 11 | `#ff6258` | `oklch(69.77% 0.1929 27.17)` | Pineapple Salmon | black, 7.1 to 1 |
| 12 | `#ff585a` | `oklch(68.64% 0.2027 23.55)` | Fluorescent Red | black, 6.8 to 1 |
| 13 | `#ff4e5e` | `oklch(67.63% 0.2126 19.87)` | Festive Fennec | black, 6.4 to 1 |
| 14 | `#fd4665` | `oklch(66.71% 0.2173 16.13)` | Magic Potion | black, 6.2 to 1 |
| 15 | `#fa406c` | `oklch(65.87% 0.2210 12.32)` | Laser Trap | black, 6 to 1 |
| 16 | `#f73a74` | `oklch(65.09% 0.2241 8.44)` | Diva Pink | black, 5.8 to 1 |
| 17 | `#f3367c` | `oklch(64.35% 0.2266 4.48)` | Extra Fuchsia | black, 5.6 to 1 |
| 18 | `#ef3284` | `oklch(63.64% 0.2283 0.45)` | Cerise Pink | black, 5.4 to 1 |
| 19 | `#ea308c` | `oklch(62.92% 0.2295 356.34)` | Pinkinity | black, 5.2 to 1 |
| 20 | `#e42e95` | `oklch(62.19% 0.2300 352.15)` | Pinkinity | black, 5.1 to 1 |
| 21 | `#de2e9d` | `oklch(61.46% 0.2300 347.86)` | Melodramatic Magenta | black, 4.9 to 1 |
| 22 | `#d830a5` | `oklch(60.94% 0.2293 343.44)` | Melodramatic Magenta | black, 4.8 to 1 |
| 23 | `#d233ae` | `oklch(60.58% 0.2279 338.89)` | Loudicious Pink | black, 4.8 to 1 |
| 24 | `#cb37b7` | `oklch(60.30% 0.2258 334.25)` | Purple Pink | black, 4.7 to 1 |
| 25 | `#c43bbf` | `oklch(60.02% 0.2230 329.54)` | Purple Pink | black, 4.7 to 1 |
| 26 | `#bc40c5` | `oklch(59.64% 0.2197 324.78)` | Ultraviolet Berl | black, 4.6 to 1 |
| 27 | `#b343cb` | `oklch(59.10% 0.2158 320.00)` | Ultraviolet Berl | white, 4.5 to 1 |
| 28 | `#a946ce` | `oklch(58.30% 0.2114 315.22)` | Purple Yam | white, 4.7 to 1 |
| 29 | `#9d48d0` | `oklch(57.15% 0.2065 310.46)` | Purple Yam | white, 4.9 to 1 |
| 30 | `#9148ce` | `oklch(55.59% 0.2012 305.75)` | Morado Purple | white, 5.2 to 1 |
| 31 | `#8246ca` | `oklch(53.44% 0.1951 300.96)` | Purple Rain | white, 5.6 to 1 |
| 32 | `#7143c1` | `oklch(50.60% 0.1874 295.82)` | Purple Rain | white, 6.3 to 1 |
| 33 | `#5f3fb6` | `oklch(47.23% 0.1786 290.47)` | Swiss Plum | white, 7.3 to 1 |
| 34 | `#4d39a8` | `oklch(43.52% 0.1690 285.03)` | Megadrive Screen | white, 8.5 to 1 |
| 35 | `#3b3398` | `oklch(39.64% 0.1592 279.68)` | Bluebell | white, 9.9 to 1 |
| 36 | `#2a2d88` | `oklch(35.77% 0.1494 274.54)` | Cosmic Cobalt | white, 11.5 to 1 |
| 37 | `#1a2679` | `oklch(32.09% 0.1402 269.77)` | Impression of Obscurity | white, 13.1 to 1 |
| 38 | `#0b206b` | `oklch(28.79% 0.1319 265.52)` | Pure Midnight | white, 14.6 to 1 |
| 39 | `#001c5d` | `oklch(26.05% 0.1210 262.06)` | Clarinet | white, 15.8 to 1 |
| 40 | `#001c4b` | `oklch(24.03% 0.0947 259.33)` | Oxford Blue | white, 16.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffc291 0.0%, #ffbd8c 2.6%, #ffb784 5.1%, #ffae7c 7.7%, #ffa573 10.3%, #ff9b6a 12.8%, #ff9063 15.4%, #ff845d 17.9%, #ff7859 20.5%, #ff6d57 23.1%, #ff6258 25.6%, #ff585a 28.2%, #ff4e5e 30.8%, #fd4665 33.3%, #fa406c 35.9%, #f73a74 38.5%, #f3367c 41.0%, #ef3284 43.6%, #ea308c 46.2%, #e42e95 48.7%, #de2e9d 51.3%, #d830a5 53.8%, #d233ae 56.4%, #cb37b7 59.0%, #c43bbf 61.5%, #bc40c5 64.1%, #b343cb 66.7%, #a946ce 69.2%, #9d48d0 71.8%, #9148ce 74.4%, #8246ca 76.9%, #7143c1 79.5%, #5f3fb6 82.1%, #4d39a8 84.6%, #3b3398 87.2%, #2a2d88 89.7%, #1a2679 92.3%, #0b206b 94.9%, #001c5d 97.4%, #001c4b 100.0%);
background: linear-gradient(90deg in oklch, oklch(85.83% 0.0946 59.77) 0.0%, oklch(84.83% 0.0997 57.86) 2.6%, oklch(83.49% 0.1068 55.43) 5.1%, oklch(81.90% 0.1154 52.56) 7.7%, oklch(80.12% 0.1253 49.34) 10.3%, oklch(78.23% 0.1360 45.85) 12.8%, oklch(76.31% 0.1475 42.16) 15.4%, oklch(74.42% 0.1594 38.37) 17.9%, oklch(72.66% 0.1712 34.56) 20.5%, oklch(71.09% 0.1826 30.80) 23.1%, oklch(69.77% 0.1929 27.17) 25.6%, oklch(68.64% 0.2027 23.55) 28.2%, oklch(67.63% 0.2126 19.87) 30.8%, oklch(66.71% 0.2173 16.13) 33.3%, oklch(65.87% 0.2210 12.32) 35.9%, oklch(65.09% 0.2241 8.44) 38.5%, oklch(64.35% 0.2266 4.48) 41.0%, oklch(63.64% 0.2283 0.45) 43.6%, oklch(62.92% 0.2295 356.34) 46.2%, oklch(62.19% 0.2300 352.15) 48.7%, oklch(61.46% 0.2300 347.86) 51.3%, oklch(60.94% 0.2293 343.44) 53.8%, oklch(60.58% 0.2279 338.89) 56.4%, oklch(60.30% 0.2258 334.25) 59.0%, oklch(60.02% 0.2230 329.54) 61.5%, oklch(59.64% 0.2197 324.78) 64.1%, oklch(59.10% 0.2158 320.00) 66.7%, oklch(58.30% 0.2114 315.22) 69.2%, oklch(57.15% 0.2065 310.46) 71.8%, oklch(55.59% 0.2012 305.75) 74.4%, oklch(53.44% 0.1951 300.96) 76.9%, oklch(50.60% 0.1874 295.82) 79.5%, oklch(47.23% 0.1786 290.47) 82.1%, oklch(43.52% 0.1690 285.03) 84.6%, oklch(39.64% 0.1592 279.68) 87.2%, oklch(35.77% 0.1494 274.54) 89.7%, oklch(32.09% 0.1402 269.77) 92.3%, oklch(28.79% 0.1319 265.52) 94.9%, oklch(26.05% 0.1210 262.06) 97.4%, oklch(24.03% 0.0947 259.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.101 | 59.8 |
| 2 | 0.701 | 0.2 | 28.1 |
| 3 | 0.618 | 0.23 | -10 |
| 4 | 0.551 | 0.2 | -55.4 |
| 5 | 0.24 | 0.12 | -100.9 |

## Other forms

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