# Navy blush dusk diagonal

Pink, purple, navy and salmon linear gradient with 56 colors: #ce9fa3, #cb9ca2, #c6989f, #c1939d, #bb8d9a, #b38897, #ac8194, #a37b91, #9a748d, #906e89, #866784, #7c6180, #725a7b, #685476, #5d4d71, #53486b, #4a4266, #403c60, #37375b, #2f3356, #272e51, #202a4c, #1a2748, #142445, #0f2142, #0b1f40, #081e3f, #061d3f, #071d40, #081e42, #0c1f45, #112049, #17224e, #1e2453, #262759, #2f2a5f, #392e64, #44316a, #503570, #5c3974, #6a3d78, #77427b, #85467d, #934b7e, #a1517e, #ae567d, #bb5c7b, #c76378, #d26975, #dc7071, #e5776d, #ec7e69, #f38565, #f88b61, #fc915d, #ff965b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, purple, navy and salmon linear gradient
- Seed: `kSvikJHhoyeI10a`
- Page: https://grabient.com/kSvikJHhoyeI10a?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 7.7 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 | `#ce9fa3` | `oklch(74.80% 0.0565 12.66)` | Primula | black, 9.1 to 1 |
| 2 | `#cb9ca2` | `oklch(73.74% 0.0568 10.26)` | Edwardian Rose | black, 8.7 to 1 |
| 3 | `#c6989f` | `oklch(72.42% 0.0570 7.28)` | Rose Meadow | black, 8.3 to 1 |
| 4 | `#c1939d` | `oklch(70.88% 0.0572 3.75)` | Light Mauve | black, 7.9 to 1 |
| 5 | `#bb8d9a` | `oklch(69.13% 0.0573 359.73)` | Mauvey Nude | black, 7.3 to 1 |
| 6 | `#b38897` | `oklch(67.20% 0.0575 355.28)` | Rose Tea | black, 6.8 to 1 |
| 7 | `#ac8194` | `oklch(65.10% 0.0577 350.45)` | Bouquet | black, 6.3 to 1 |
| 8 | `#a37b91` | `oklch(62.87% 0.0578 345.30)` | Valerian | black, 5.7 to 1 |
| 9 | `#9a748d` | `oklch(60.52% 0.0580 339.88)` | Hidden Mask | black, 5.2 to 1 |
| 10 | `#906e89` | `oklch(58.07% 0.0581 334.24)` | Dianthus Mauve | black, 4.7 to 1 |
| 11 | `#866784` | `oklch(55.55% 0.0583 328.44)` | Sunshone Plum | white, 4.8 to 1 |
| 12 | `#7c6180` | `oklch(52.99% 0.0586 322.54)` | Trendy Pink | white, 5.4 to 1 |
| 13 | `#725a7b` | `oklch(50.40% 0.0588 316.59)` | Princely Violet | white, 6 to 1 |
| 14 | `#685476` | `oklch(47.80% 0.0591 310.64)` | Regal Gown | white, 6.7 to 1 |
| 15 | `#5d4d71` | `oklch(45.22% 0.0594 304.75)` | Loganberry | white, 7.5 to 1 |
| 16 | `#53486b` | `oklch(42.69% 0.0598 298.97)` | Darlak | white, 8.3 to 1 |
| 17 | `#4a4266` | `oklch(40.22% 0.0603 293.36)` | Evening Lavender | white, 9.3 to 1 |
| 18 | `#403c60` | `oklch(37.83% 0.0608 287.97)` | Storm Is Coming | white, 10.2 to 1 |
| 19 | `#37375b` | `oklch(35.55% 0.0613 282.86)` | Very Blue | white, 11.2 to 1 |
| 20 | `#2f3356` | `oklch(33.40% 0.0620 278.08)` | Quill Tip | white, 12.1 to 1 |
| 21 | `#272e51` | `oklch(31.41% 0.0627 273.69)` | Lucky Point | white, 13.1 to 1 |
| 22 | `#202a4c` | `oklch(29.59% 0.0636 269.73)` | Rurikon Blue | white, 13.9 to 1 |
| 23 | `#1a2748` | `oklch(27.97% 0.0645 266.27)` | Rurikon Blue | white, 14.7 to 1 |
| 24 | `#142445` | `oklch(26.58% 0.0655 263.36)` | Dark Eclipse | white, 15.3 to 1 |
| 25 | `#0f2142` | `oklch(25.42% 0.0667 261.05)` | Dark Eclipse | white, 15.8 to 1 |
| 26 | `#0b1f40` | `oklch(24.53% 0.0679 259.41)` | Midnight Mirage | white, 16.2 to 1 |
| 27 | `#081e3f` | `oklch(23.93% 0.0693 258.47)` | Midnight Mirage | white, 16.5 to 1 |
| 28 | `#061d3f` | `oklch(23.64% 0.0708 258.31)` | Midnight Mirage | white, 16.6 to 1 |
| 29 | `#071d40` | `oklch(23.69% 0.0725 258.96)` | Midnight Mirage | white, 16.6 to 1 |
| 30 | `#081e42` | `oklch(24.06% 0.0744 260.48)` | Midnight Mirage | white, 16.5 to 1 |
| 31 | `#0c1f45` | `oklch(24.76% 0.0766 262.81)` | Oxford Blue | white, 16.2 to 1 |
| 32 | `#112049` | `oklch(25.74% 0.0789 265.88)` | Dark Eclipse | white, 15.8 to 1 |
| 33 | `#17224e` | `oklch(26.99% 0.0814 269.64)` | Fly-by-Night | white, 15.2 to 1 |
| 34 | `#1e2453` | `oklch(28.49% 0.0841 274.03)` | Spacescape | white, 14.6 to 1 |
| 35 | `#262759` | `oklch(30.20% 0.0870 278.99)` | Ceremonial Purple | white, 13.8 to 1 |
| 36 | `#2f2a5f` | `oklch(32.12% 0.0900 284.46)` | Paris M | white, 12.9 to 1 |
| 37 | `#392e64` | `oklch(34.21% 0.0931 290.37)` | Minsk | white, 12 to 1 |
| 38 | `#44316a` | `oklch(36.46% 0.0963 296.68)` | Abra Purple | white, 11 to 1 |
| 39 | `#503570` | `oklch(38.84% 0.0996 303.31)` | Succinct Violet | white, 10 to 1 |
| 40 | `#5c3974` | `oklch(41.32% 0.1029 310.21)` | Loden Purple | white, 9.1 to 1 |
| 41 | `#6a3d78` | `oklch(43.90% 0.1063 317.33)` | Dark Pansy | white, 8.2 to 1 |
| 42 | `#77427b` | `oklch(46.53% 0.1097 324.59)` | Nightly Violet | white, 7.3 to 1 |
| 43 | `#85467d` | `oklch(49.20% 0.1130 331.95)` | Visiona Red | white, 6.6 to 1 |
| 44 | `#934b7e` | `oklch(51.89% 0.1164 339.33)` | Verve Violet | white, 5.8 to 1 |
| 45 | `#a1517e` | `oklch(54.58% 0.1197 346.69)` | Feminism | white, 5.2 to 1 |
| 46 | `#ae567d` | `oklch(57.23% 0.1229 353.95)` | Guppy Violet | white, 4.7 to 1 |
| 47 | `#bb5c7b` | `oklch(59.83% 0.1261 1.07)` | Tutti Frutti | black, 4.9 to 1 |
| 48 | `#c76378` | `oklch(62.36% 0.1291 7.98)` | Cherry Fruit | black, 5.4 to 1 |
| 49 | `#d26975` | `oklch(64.79% 0.1320 14.62)` | Mexican Chile | black, 6 to 1 |
| 50 | `#dc7071` | `oklch(67.10% 0.1348 20.94)` | Lantana | black, 6.6 to 1 |
| 51 | `#e5776d` | `oklch(69.27% 0.1375 26.86)` | Ardent Coral | black, 7.2 to 1 |
| 52 | `#ec7e69` | `oklch(71.27% 0.1399 32.34)` | Cool Lava | black, 7.7 to 1 |
| 53 | `#f38565` | `oklch(73.09% 0.1421 37.31)` | Firewatch | black, 8.3 to 1 |
| 54 | `#f88b61` | `oklch(74.69% 0.1442 41.72)` | After Burn | black, 8.8 to 1 |
| 55 | `#fc915d` | `oklch(76.06% 0.1459 45.49)` | Umezome Pink | black, 9.3 to 1 |
| 56 | `#ff965b` | `oklch(77.16% 0.1470 48.59)` | Rainbow Trout | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ce9fa3 0.0%, #cb9ca2 1.8%, #c6989f 3.6%, #c1939d 5.5%, #bb8d9a 7.3%, #b38897 9.1%, #ac8194 10.9%, #a37b91 12.7%, #9a748d 14.5%, #906e89 16.4%, #866784 18.2%, #7c6180 20.0%, #725a7b 21.8%, #685476 23.6%, #5d4d71 25.5%, #53486b 27.3%, #4a4266 29.1%, #403c60 30.9%, #37375b 32.7%, #2f3356 34.5%, #272e51 36.4%, #202a4c 38.2%, #1a2748 40.0%, #142445 41.8%, #0f2142 43.6%, #0b1f40 45.5%, #081e3f 47.3%, #061d3f 49.1%, #071d40 50.9%, #081e42 52.7%, #0c1f45 54.5%, #112049 56.4%, #17224e 58.2%, #1e2453 60.0%, #262759 61.8%, #2f2a5f 63.6%, #392e64 65.5%, #44316a 67.3%, #503570 69.1%, #5c3974 70.9%, #6a3d78 72.7%, #77427b 74.5%, #85467d 76.4%, #934b7e 78.2%, #a1517e 80.0%, #ae567d 81.8%, #bb5c7b 83.6%, #c76378 85.5%, #d26975 87.3%, #dc7071 89.1%, #e5776d 90.9%, #ec7e69 92.7%, #f38565 94.5%, #f88b61 96.4%, #fc915d 98.2%, #ff965b 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.80% 0.0565 12.66) 0.0%, oklch(73.74% 0.0568 10.26) 1.8%, oklch(72.42% 0.0570 7.28) 3.6%, oklch(70.88% 0.0572 3.75) 5.5%, oklch(69.13% 0.0573 359.73) 7.3%, oklch(67.20% 0.0575 355.28) 9.1%, oklch(65.10% 0.0577 350.45) 10.9%, oklch(62.87% 0.0578 345.30) 12.7%, oklch(60.52% 0.0580 339.88) 14.5%, oklch(58.07% 0.0581 334.24) 16.4%, oklch(55.55% 0.0583 328.44) 18.2%, oklch(52.99% 0.0586 322.54) 20.0%, oklch(50.40% 0.0588 316.59) 21.8%, oklch(47.80% 0.0591 310.64) 23.6%, oklch(45.22% 0.0594 304.75) 25.5%, oklch(42.69% 0.0598 298.97) 27.3%, oklch(40.22% 0.0603 293.36) 29.1%, oklch(37.83% 0.0608 287.97) 30.9%, oklch(35.55% 0.0613 282.86) 32.7%, oklch(33.40% 0.0620 278.08) 34.5%, oklch(31.41% 0.0627 273.69) 36.4%, oklch(29.59% 0.0636 269.73) 38.2%, oklch(27.97% 0.0645 266.27) 40.0%, oklch(26.58% 0.0655 263.36) 41.8%, oklch(25.42% 0.0667 261.05) 43.6%, oklch(24.53% 0.0679 259.41) 45.5%, oklch(23.93% 0.0693 258.47) 47.3%, oklch(23.64% 0.0708 258.31) 49.1%, oklch(23.69% 0.0725 258.96) 50.9%, oklch(24.06% 0.0744 260.48) 52.7%, oklch(24.76% 0.0766 262.81) 54.5%, oklch(25.74% 0.0789 265.88) 56.4%, oklch(26.99% 0.0814 269.64) 58.2%, oklch(28.49% 0.0841 274.03) 60.0%, oklch(30.20% 0.0870 278.99) 61.8%, oklch(32.12% 0.0900 284.46) 63.6%, oklch(34.21% 0.0931 290.37) 65.5%, oklch(36.46% 0.0963 296.68) 67.3%, oklch(38.84% 0.0996 303.31) 69.1%, oklch(41.32% 0.1029 310.21) 70.9%, oklch(43.90% 0.1063 317.33) 72.7%, oklch(46.53% 0.1097 324.59) 74.5%, oklch(49.20% 0.1130 331.95) 76.4%, oklch(51.89% 0.1164 339.33) 78.2%, oklch(54.58% 0.1197 346.69) 80.0%, oklch(57.23% 0.1229 353.95) 81.8%, oklch(59.83% 0.1261 1.07) 83.6%, oklch(62.36% 0.1291 7.98) 85.5%, oklch(64.79% 0.1320 14.62) 87.3%, oklch(67.10% 0.1348 20.94) 89.1%, oklch(69.27% 0.1375 26.86) 90.9%, oklch(71.27% 0.1399 32.34) 92.7%, oklch(73.09% 0.1421 37.31) 94.5%, oklch(74.69% 0.1442 41.72) 96.4%, oklch(76.06% 0.1459 45.49) 98.2%, oklch(77.16% 0.1470 48.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.056 | 12.7 |
| 2 | 0.236 | 0.072 | -101.5 |
| 3 | 0.772 | 0.147 | 48.6 |

## In these collections

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

## Other forms

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