# Violet coral peach gradient

Navy, purple and peach linear gradient with 32 colors: #271747, #2a1a4b, #2f1e4f, #342255, #3a275b, #412d62, #493369, #513971, #5a3f78, #64447e, #6d4a84, #784f89, #83558d, #905b90, #9d6192, #aa6793, #b76e94, #c37594, #ce7c93, #d88392, #e18b91, #e89290, #ee9990, #f2a090, #f7a791, #faae92, #fcb594, #febb96, #ffc199, #ffc69d, #ffcba1, #ffcfa5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, purple and peach linear gradient
- Seed: `kUQT7RvSRCF4mR9wn0UA`
- Page: https://grabient.com/kUQT7RvSRCF4mR9wn0UA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#271747` | `oklch(25.59% 0.0854 294.61)` | Silent Orbit | white, 16.1 to 1 |
| 2 | `#2a1a4b` | `oklch(26.86% 0.0863 295.43)` | Silent Orbit | white, 15.5 to 1 |
| 3 | `#2f1e4f` | `oklch(28.47% 0.0874 296.22)` | Elderberry | white, 14.7 to 1 |
| 4 | `#342255` | `oklch(30.36% 0.0887 297.06)` | Stormy Night | white, 13.8 to 1 |
| 5 | `#3a275b` | `oklch(32.48% 0.0901 298.03)` | Stormy Night | white, 12.8 to 1 |
| 6 | `#412d62` | `oklch(34.79% 0.0917 299.21)` | Minsk | white, 11.8 to 1 |
| 7 | `#493369` | `oklch(37.22% 0.0933 300.69)` | Petunia | white, 10.7 to 1 |
| 8 | `#513971` | `oklch(39.74% 0.0949 302.55)` | Succinct Violet | white, 9.6 to 1 |
| 9 | `#5a3f78` | `oklch(42.28% 0.0964 304.87)` | Cyber Grape | white, 8.7 to 1 |
| 10 | `#64447e` | `oklch(44.80% 0.0977 307.75)` | Regality | white, 7.8 to 1 |
| 11 | `#6d4a84` | `oklch(47.24% 0.0989 311.25)` | Plum Jam | white, 7 to 1 |
| 12 | `#784f89` | `oklch(49.63% 0.0998 315.54)` | Cleopatra’s Gown | white, 6.3 to 1 |
| 13 | `#83558d` | `oklch(52.15% 0.1008 320.81)` | Purple Fluorite | white, 5.7 to 1 |
| 14 | `#905b90` | `oklch(54.77% 0.1018 326.88)` | Chakra | white, 5.1 to 1 |
| 15 | `#9d6192` | `oklch(57.45% 0.1028 333.55)` | Thimble Red | white, 4.6 to 1 |
| 16 | `#aa6793` | `oklch(60.16% 0.1037 340.64)` | Violetta | black, 5 to 1 |
| 17 | `#b76e94` | `oklch(62.86% 0.1044 347.94)` | Fuscia Fizz | black, 5.6 to 1 |
| 18 | `#c37594` | `oklch(65.49% 0.1049 355.27)` | Prehistoric Pink | black, 6.2 to 1 |
| 19 | `#ce7c93` | `oklch(68.03% 0.1053 2.42)` | Wild Rose | black, 6.9 to 1 |
| 20 | `#d88392` | `oklch(70.43% 0.1053 9.20)` | Shimmering Blush | black, 7.6 to 1 |
| 21 | `#e18b91` | `oklch(72.65% 0.1051 15.42)` | Ruddy Pink | black, 8.2 to 1 |
| 22 | `#e89290` | `oklch(74.67% 0.1045 20.92)` | Dishy Coral | black, 8.9 to 1 |
| 23 | `#ee9990` | `oklch(76.56% 0.1033 26.19)` | Coral Bead | black, 9.5 to 1 |
| 24 | `#f2a090` | `oklch(78.37% 0.1017 31.36)` | Blush | black, 10.2 to 1 |
| 25 | `#f7a791` | `oklch(80.07% 0.0997 36.37)` | Pretty Primrose | black, 10.8 to 1 |
| 26 | `#faae92` | `oklch(81.68% 0.0974 41.17)` | Simply Coral | black, 11.5 to 1 |
| 27 | `#fcb594` | `oklch(83.16% 0.0950 45.71)` | Carotene | black, 12.1 to 1 |
| 28 | `#febb96` | `oklch(84.53% 0.0926 49.92)` | Peach Encounter | black, 12.7 to 1 |
| 29 | `#ffc199` | `oklch(85.76% 0.0889 53.77)` | Wispy White | black, 13.3 to 1 |
| 30 | `#ffc69d` | `oklch(86.85% 0.0843 57.17)` | Gumdrops | black, 13.8 to 1 |
| 31 | `#ffcba1` | `oklch(87.80% 0.0805 60.10)` | Phenomenal Peach | black, 14.3 to 1 |
| 32 | `#ffcfa5` | `oklch(88.58% 0.0773 62.48)` | Peach Beach | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #271747 0.0%, #2a1a4b 3.2%, #2f1e4f 6.5%, #342255 9.7%, #3a275b 12.9%, #412d62 16.1%, #493369 19.4%, #513971 22.6%, #5a3f78 25.8%, #64447e 29.0%, #6d4a84 32.3%, #784f89 35.5%, #83558d 38.7%, #905b90 41.9%, #9d6192 45.2%, #aa6793 48.4%, #b76e94 51.6%, #c37594 54.8%, #ce7c93 58.1%, #d88392 61.3%, #e18b91 64.5%, #e89290 67.7%, #ee9990 71.0%, #f2a090 74.2%, #f7a791 77.4%, #faae92 80.6%, #fcb594 83.9%, #febb96 87.1%, #ffc199 90.3%, #ffc69d 93.5%, #ffcba1 96.8%, #ffcfa5 100.0%);
background: linear-gradient(90deg in oklch, oklch(25.59% 0.0854 294.61) 0.0%, oklch(26.86% 0.0863 295.43) 3.2%, oklch(28.47% 0.0874 296.22) 6.5%, oklch(30.36% 0.0887 297.06) 9.7%, oklch(32.48% 0.0901 298.03) 12.9%, oklch(34.79% 0.0917 299.21) 16.1%, oklch(37.22% 0.0933 300.69) 19.4%, oklch(39.74% 0.0949 302.55) 22.6%, oklch(42.28% 0.0964 304.87) 25.8%, oklch(44.80% 0.0977 307.75) 29.0%, oklch(47.24% 0.0989 311.25) 32.3%, oklch(49.63% 0.0998 315.54) 35.5%, oklch(52.15% 0.1008 320.81) 38.7%, oklch(54.77% 0.1018 326.88) 41.9%, oklch(57.45% 0.1028 333.55) 45.2%, oklch(60.16% 0.1037 340.64) 48.4%, oklch(62.86% 0.1044 347.94) 51.6%, oklch(65.49% 0.1049 355.27) 54.8%, oklch(68.03% 0.1053 2.42) 58.1%, oklch(70.43% 0.1053 9.20) 61.3%, oklch(72.65% 0.1051 15.42) 64.5%, oklch(74.67% 0.1045 20.92) 67.7%, oklch(76.56% 0.1033 26.19) 71.0%, oklch(78.37% 0.1017 31.36) 74.2%, oklch(80.07% 0.0997 36.37) 77.4%, oklch(81.68% 0.0974 41.17) 80.6%, oklch(83.16% 0.0950 45.71) 83.9%, oklch(84.53% 0.0926 49.92) 87.1%, oklch(85.76% 0.0889 53.77) 90.3%, oklch(86.85% 0.0843 57.17) 93.5%, oklch(87.80% 0.0805 60.10) 96.8%, oklch(88.58% 0.0773 62.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.085 | 294.6 |
| 2 | 0.48 | 0.099 | 312.6 |
| 3 | 0.74 | 0.105 | 379.1 |
| 4 | 0.886 | 0.085 | 422.5 |

## In these collections

- [Phone wallpaper gradients](https://grabient.com/phone-wallpaper-gradients)

## Other forms

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