# Black deep blue pale red gradient

Analogous navy, purple and pink linear gradient with 64 colors: #1f0c2a, #1f0c2a, #1f0c2b, #1e0c2b, #1e0b2c, #1d0b2c, #1d0a2c, #1c0a2d, #1b092d, #1a082e, #19082e, #18072f, #17072f, #160630, #150530, #140531, #130432, #120432, #120433, #110334, #100335, #100336, #100337, #0f0339, #0f033a, #10043c, #10043e, #110540, #120642, #140744, #160846, #180a49, #1b0c4c, #1f0f4f, #231252, #281556, #2d185a, #341c5e, #3a1f62, #422366, #4a276a, #522c6e, #5b3072, #643575, #6d3978, #773e7c, #80437e, #8a4881, #944e83, #9e5385, #a75987, #b15f89, #ba648a, #c26a8b, #cb708c, #d3768d, #da7c8e, #e1818f, #e7868f, #ed8c90, #f39090, #f79591, #fb9991, #ff9c92. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous navy, purple and pink linear gradient
- Seed: `kSMyzdnKc8uSrzA`
- Page: https://grabient.com/kSMyzdnKc8uSrzA?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark to light, vivid, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#1f0c2a` | `oklch(20.08% 0.0606 311.48)` | Midnight Monarch | white, 18.3 to 1 |
| 2 | `#1f0c2a` | `oklch(20.09% 0.0614 310.96)` | Midnight Monarch | white, 18.3 to 1 |
| 3 | `#1f0c2b` | `oklch(20.06% 0.0624 310.26)` | Midnight Monarch | white, 18.3 to 1 |
| 4 | `#1e0c2b` | `oklch(19.99% 0.0634 309.41)` | Midnight Monarch | white, 18.3 to 1 |
| 5 | `#1e0b2c` | `oklch(19.88% 0.0646 308.41)` | Midnight Monarch | white, 18.4 to 1 |
| 6 | `#1d0b2c` | `oklch(19.75% 0.0658 307.29)` | Midnight Monarch | white, 18.4 to 1 |
| 7 | `#1d0a2c` | `oklch(19.58% 0.0671 306.06)` | Midnight Monarch | white, 18.5 to 1 |
| 8 | `#1c0a2d` | `oklch(19.40% 0.0686 304.73)` | Midnight Monarch | white, 18.6 to 1 |
| 9 | `#1b092d` | `oklch(19.20% 0.0700 303.32)` | Midnight Monarch | white, 18.6 to 1 |
| 10 | `#1a082e` | `oklch(19.00% 0.0716 301.85)` | Quiet Abyss | white, 18.7 to 1 |
| 11 | `#19082e` | `oklch(18.79% 0.0732 300.32)` | Quiet Abyss | white, 18.8 to 1 |
| 12 | `#18072f` | `oklch(18.57% 0.0749 298.76)` | Quiet Abyss | white, 18.9 to 1 |
| 13 | `#17072f` | `oklch(18.37% 0.0766 297.18)` | Quiet Abyss | white, 18.9 to 1 |
| 14 | `#160630` | `oklch(18.17% 0.0784 295.60)` | Quiet Abyss | white, 19 to 1 |
| 15 | `#150530` | `oklch(17.99% 0.0801 294.03)` | Quiet Abyss | white, 19.1 to 1 |
| 16 | `#140531` | `oklch(17.82% 0.0819 292.48)` | Quiet Abyss | white, 19.1 to 1 |
| 17 | `#130432` | `oklch(17.68% 0.0837 290.97)` | Quiet Abyss | white, 19.2 to 1 |
| 18 | `#120432` | `oklch(17.58% 0.0855 289.51)` | Quiet Abyss | white, 19.2 to 1 |
| 19 | `#120433` | `oklch(17.50% 0.0874 288.13)` | Quiet Abyss | white, 19.2 to 1 |
| 20 | `#110334` | `oklch(17.47% 0.0892 286.83)` | Congressional Navy | white, 19.2 to 1 |
| 21 | `#100335` | `oklch(17.48% 0.0909 285.64)` | Congressional Navy | white, 19.3 to 1 |
| 22 | `#100336` | `oklch(17.54% 0.0927 284.56)` | Congressional Navy | white, 19.2 to 1 |
| 23 | `#100337` | `oklch(17.66% 0.0944 283.61)` | Congressional Navy | white, 19.2 to 1 |
| 24 | `#0f0339` | `oklch(17.83% 0.0961 282.80)` | Congressional Navy | white, 19.2 to 1 |
| 25 | `#0f033a` | `oklch(18.07% 0.0977 282.16)` | Congressional Navy | white, 19.1 to 1 |
| 26 | `#10043c` | `oklch(18.38% 0.0993 281.70)` | Congressional Navy | white, 19 to 1 |
| 27 | `#10043e` | `oklch(18.77% 0.1008 281.42)` | Congressional Navy | white, 18.9 to 1 |
| 28 | `#110540` | `oklch(19.23% 0.1022 281.35)` | Floppy Disk | white, 18.7 to 1 |
| 29 | `#120642` | `oklch(19.78% 0.1035 281.51)` | Floppy Disk | white, 18.6 to 1 |
| 30 | `#140744` | `oklch(20.42% 0.1048 281.90)` | Magic Whale | white, 18.3 to 1 |
| 31 | `#160846` | `oklch(21.15% 0.1059 282.54)` | Magic Whale | white, 18.1 to 1 |
| 32 | `#180a49` | `oklch(21.99% 0.1070 283.45)` | Magic Whale | white, 17.7 to 1 |
| 33 | `#1b0c4c` | `oklch(22.93% 0.1079 284.65)` | Indigo Sloth | white, 17.4 to 1 |
| 34 | `#1f0f4f` | `oklch(24.03% 0.1088 286.19)` | Indigo Sloth | white, 16.9 to 1 |
| 35 | `#231252` | `oklch(25.28% 0.1097 288.07)` | Praise of Shadow | white, 16.4 to 1 |
| 36 | `#281556` | `oklch(26.67% 0.1104 290.26)` | Praise of Shadow | white, 15.7 to 1 |
| 37 | `#2d185a` | `oklch(28.18% 0.1112 292.73)` | Voldemort | white, 15 to 1 |
| 38 | `#341c5e` | `oklch(29.82% 0.1119 295.47)` | Fabric of Space | white, 14.3 to 1 |
| 39 | `#3a1f62` | `oklch(31.57% 0.1125 298.45)` | Christalle | white, 13.4 to 1 |
| 40 | `#422366` | `oklch(33.41% 0.1131 301.65)` | Fading Horizon | white, 12.6 to 1 |
| 41 | `#4a276a` | `oklch(35.34% 0.1136 305.04)` | Violet Indigo | white, 11.7 to 1 |
| 42 | `#522c6e` | `oklch(37.34% 0.1141 308.62)` | Purple Seduction | white, 10.8 to 1 |
| 43 | `#5b3072` | `oklch(39.41% 0.1146 312.35)` | Lounge Violet | white, 9.9 to 1 |
| 44 | `#643575` | `oklch(41.54% 0.1151 316.20)` | Purple Magic | white, 9.1 to 1 |
| 45 | `#6d3978` | `oklch(43.71% 0.1155 320.17)` | Comtesse | white, 8.3 to 1 |
| 46 | `#773e7c` | `oklch(45.91% 0.1159 324.22)` | Nightly Violet | white, 7.6 to 1 |
| 47 | `#80437e` | `oklch(48.14% 0.1162 328.34)` | Purpurite Red | white, 6.9 to 1 |
| 48 | `#8a4881` | `oklch(50.37% 0.1165 332.50)` | Lilikoi Flower Purple | white, 6.2 to 1 |
| 49 | `#944e83` | `oklch(52.61% 0.1168 336.68)` | Verve Violet | white, 5.7 to 1 |
| 50 | `#9e5385` | `oklch(54.84% 0.1171 340.85)` | Purple Zergling | white, 5.2 to 1 |
| 51 | `#a75987` | `oklch(57.05% 0.1174 345.00)` | Cyclamen Red | white, 4.7 to 1 |
| 52 | `#b15f89` | `oklch(59.23% 0.1176 349.11)` | Dahlia Mauve | black, 4.8 to 1 |
| 53 | `#ba648a` | `oklch(61.37% 0.1178 353.14)` | Malevolent Mauve | black, 5.2 to 1 |
| 54 | `#c26a8b` | `oklch(63.46% 0.1180 357.08)` | Old Geranium | black, 5.7 to 1 |
| 55 | `#cb708c` | `oklch(65.48% 0.1182 0.91)` | Silk Ribbon | black, 6.2 to 1 |
| 56 | `#d3768d` | `oklch(67.44% 0.1184 4.60)` | Razzberries | black, 6.7 to 1 |
| 57 | `#da7c8e` | `oklch(69.30% 0.1186 8.13)` | I Love You Pink | black, 7.2 to 1 |
| 58 | `#e1818f` | `oklch(71.08% 0.1188 11.48)` | Bella Pink | black, 7.7 to 1 |
| 59 | `#e7868f` | `oklch(72.74% 0.1190 14.62)` | Strawberry Ice | black, 8.2 to 1 |
| 60 | `#ed8c90` | `oklch(74.30% 0.1191 17.54)` | Flamingo Dream | black, 8.7 to 1 |
| 61 | `#f39090` | `oklch(75.72% 0.1193 20.21)` | Fruity Licious | black, 9.2 to 1 |
| 62 | `#f79591` | `oklch(77.01% 0.1195 22.61)` | Cherrystone | black, 9.6 to 1 |
| 63 | `#fb9991` | `oklch(78.15% 0.1197 24.72)` | Lolly | black, 10 to 1 |
| 64 | `#ff9c92` | `oklch(79.13% 0.1199 26.51)` | Peach Amber | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(225deg, #1f0c2a 0.0%, #1f0c2a 1.6%, #1f0c2b 3.2%, #1e0c2b 4.8%, #1e0b2c 6.3%, #1d0b2c 7.9%, #1d0a2c 9.5%, #1c0a2d 11.1%, #1b092d 12.7%, #1a082e 14.3%, #19082e 15.9%, #18072f 17.5%, #17072f 19.0%, #160630 20.6%, #150530 22.2%, #140531 23.8%, #130432 25.4%, #120432 27.0%, #120433 28.6%, #110334 30.2%, #100335 31.7%, #100336 33.3%, #100337 34.9%, #0f0339 36.5%, #0f033a 38.1%, #10043c 39.7%, #10043e 41.3%, #110540 42.9%, #120642 44.4%, #140744 46.0%, #160846 47.6%, #180a49 49.2%, #1b0c4c 50.8%, #1f0f4f 52.4%, #231252 54.0%, #281556 55.6%, #2d185a 57.1%, #341c5e 58.7%, #3a1f62 60.3%, #422366 61.9%, #4a276a 63.5%, #522c6e 65.1%, #5b3072 66.7%, #643575 68.3%, #6d3978 69.8%, #773e7c 71.4%, #80437e 73.0%, #8a4881 74.6%, #944e83 76.2%, #9e5385 77.8%, #a75987 79.4%, #b15f89 81.0%, #ba648a 82.5%, #c26a8b 84.1%, #cb708c 85.7%, #d3768d 87.3%, #da7c8e 88.9%, #e1818f 90.5%, #e7868f 92.1%, #ed8c90 93.7%, #f39090 95.2%, #f79591 96.8%, #fb9991 98.4%, #ff9c92 100.0%);
background: linear-gradient(225deg in oklch, oklch(20.08% 0.0606 311.48) 0.0%, oklch(20.09% 0.0614 310.96) 1.6%, oklch(20.06% 0.0624 310.26) 3.2%, oklch(19.99% 0.0634 309.41) 4.8%, oklch(19.88% 0.0646 308.41) 6.3%, oklch(19.75% 0.0658 307.29) 7.9%, oklch(19.58% 0.0671 306.06) 9.5%, oklch(19.40% 0.0686 304.73) 11.1%, oklch(19.20% 0.0700 303.32) 12.7%, oklch(19.00% 0.0716 301.85) 14.3%, oklch(18.79% 0.0732 300.32) 15.9%, oklch(18.57% 0.0749 298.76) 17.5%, oklch(18.37% 0.0766 297.18) 19.0%, oklch(18.17% 0.0784 295.60) 20.6%, oklch(17.99% 0.0801 294.03) 22.2%, oklch(17.82% 0.0819 292.48) 23.8%, oklch(17.68% 0.0837 290.97) 25.4%, oklch(17.58% 0.0855 289.51) 27.0%, oklch(17.50% 0.0874 288.13) 28.6%, oklch(17.47% 0.0892 286.83) 30.2%, oklch(17.48% 0.0909 285.64) 31.7%, oklch(17.54% 0.0927 284.56) 33.3%, oklch(17.66% 0.0944 283.61) 34.9%, oklch(17.83% 0.0961 282.80) 36.5%, oklch(18.07% 0.0977 282.16) 38.1%, oklch(18.38% 0.0993 281.70) 39.7%, oklch(18.77% 0.1008 281.42) 41.3%, oklch(19.23% 0.1022 281.35) 42.9%, oklch(19.78% 0.1035 281.51) 44.4%, oklch(20.42% 0.1048 281.90) 46.0%, oklch(21.15% 0.1059 282.54) 47.6%, oklch(21.99% 0.1070 283.45) 49.2%, oklch(22.93% 0.1079 284.65) 50.8%, oklch(24.03% 0.1088 286.19) 52.4%, oklch(25.28% 0.1097 288.07) 54.0%, oklch(26.67% 0.1104 290.26) 55.6%, oklch(28.18% 0.1112 292.73) 57.1%, oklch(29.82% 0.1119 295.47) 58.7%, oklch(31.57% 0.1125 298.45) 60.3%, oklch(33.41% 0.1131 301.65) 61.9%, oklch(35.34% 0.1136 305.04) 63.5%, oklch(37.34% 0.1141 308.62) 65.1%, oklch(39.41% 0.1146 312.35) 66.7%, oklch(41.54% 0.1151 316.20) 68.3%, oklch(43.71% 0.1155 320.17) 69.8%, oklch(45.91% 0.1159 324.22) 71.4%, oklch(48.14% 0.1162 328.34) 73.0%, oklch(50.37% 0.1165 332.50) 74.6%, oklch(52.61% 0.1168 336.68) 76.2%, oklch(54.84% 0.1171 340.85) 77.8%, oklch(57.05% 0.1174 345.00) 79.4%, oklch(59.23% 0.1176 349.11) 81.0%, oklch(61.37% 0.1178 353.14) 82.5%, oklch(63.46% 0.1180 357.08) 84.1%, oklch(65.48% 0.1182 0.91) 85.7%, oklch(67.44% 0.1184 4.60) 87.3%, oklch(69.30% 0.1186 8.13) 88.9%, oklch(71.08% 0.1188 11.48) 90.5%, oklch(72.74% 0.1190 14.62) 92.1%, oklch(74.30% 0.1191 17.54) 93.7%, oklch(75.72% 0.1193 20.21) 95.2%, oklch(77.01% 0.1195 22.61) 96.8%, oklch(78.15% 0.1197 24.72) 98.4%, oklch(79.13% 0.1199 26.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.061 | 311.5 |
| 2 | 0.224 | 0.107 | 284 |
| 3 | 0.791 | 0.12 | 386.5 |

## In these collections

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

## Other forms

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