# Deep blue plum pale rose gradient

Analogous navy, purple and pink linear gradient with 48 colors: #111243, #15154c, #1a1857, #221b65, #2a1f75, #342287, #402699, #4c29ab, #592cbd, #672dcd, #742edb, #812ee5, #8d2eec, #992cf0, #a828f1, #b723ef, #c61cea, #d413e3, #e004da, #e800cf, #ed00c5, #ef00bd, #ed00b7, #e800b5, #dc0cb6, #c619b7, #a922b6, #8726af, #6427a2, #42268d, #242374, #071e59, #001a39, #001426, #00101d, #00101b, #04131d, #0e1b25, #1d2833, #2e3745, #444a5c, #5d5e75, #7a748f, #9989a7, #b89dbd, #d5b0cf, #edbfdc, #fecbe5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous navy, purple and pink linear gradient
- Seed: `kWOEHDxV1C07hRMVDTOcZhNA`
- Page: https://grabient.com/kWOEHDxV1C07hRMVDTOcZhNA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.6 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 | `#111243` | `oklch(22.05% 0.0896 274.92)` | Deadly Depths | white, 17.5 to 1 |
| 2 | `#15154c` | `oklch(23.73% 0.0983 276.07)` | Tetsu-Kon Blue | white, 16.9 to 1 |
| 3 | `#1a1857` | `oklch(25.95% 0.1100 277.43)` | Praise of Shadow | white, 16 to 1 |
| 4 | `#221b65` | `oklch(28.61% 0.1241 279.00)` | Intergalactic Cowboy | white, 14.8 to 1 |
| 5 | `#2a1f75` | `oklch(31.59% 0.1399 280.75)` | Blue Royale | white, 13.5 to 1 |
| 6 | `#342287` | `oklch(34.81% 0.1569 282.68)` | Indiglow | white, 12.1 to 1 |
| 7 | `#402699` | `oklch(38.14% 0.1744 284.77)` | Galactic Purple | white, 10.7 to 1 |
| 8 | `#4c29ab` | `oklch(41.49% 0.1920 287.01)` | Blue Violet | white, 9.4 to 1 |
| 9 | `#592cbd` | `oklch(44.74% 0.2088 289.38)` | Illustrious Indigo | white, 8.3 to 1 |
| 10 | `#672dcd` | `oklch(47.80% 0.2245 291.87)` | Sagat Purple | white, 7.4 to 1 |
| 11 | `#742edb` | `oklch(50.56% 0.2383 294.47)` | Hokkaido Lavender | white, 6.6 to 1 |
| 12 | `#812ee5` | `oklch(52.90% 0.2497 297.16)` | Bright Blue Violet | white, 6 to 1 |
| 13 | `#8d2eec` | `oklch(54.75% 0.2582 299.96)` | Bright Blue Violet | white, 5.6 to 1 |
| 14 | `#992cf0` | `oklch(56.45% 0.2653 303.63)` | Singapore Orchid | white, 5.2 to 1 |
| 15 | `#a828f1` | `oklch(58.10% 0.2718 308.22)` | Sweet Desire | white, 4.9 to 1 |
| 16 | `#b723ef` | `oklch(59.65% 0.2773 313.44)` | Promiscuous Pink | white, 4.6 to 1 |
| 17 | `#c61cea` | `oklch(61.07% 0.2819 318.98)` | Trippy Velvet | black, 4.7 to 1 |
| 18 | `#d413e3` | `oklch(62.28% 0.2853 324.54)` | Demonic Purple | black, 4.9 to 1 |
| 19 | `#e004da` | `oklch(63.25% 0.2873 329.82)` | Drunk-Tank Pink | black, 5.1 to 1 |
| 20 | `#e800cf` | `oklch(63.92% 0.2849 334.52)` | Ferocious Flamingo | black, 5.3 to 1 |
| 21 | `#ed00c5` | `oklch(64.23% 0.2812 338.35)` | Ferocious Flamingo | black, 5.4 to 1 |
| 22 | `#ef00bd` | `oklch(64.14% 0.2775 340.99)` | Kriss Me Not Fuchsia | black, 5.4 to 1 |
| 23 | `#ed00b7` | `oklch(63.60% 0.2737 342.14)` | Kriss Me Not Fuchsia | black, 5.3 to 1 |
| 24 | `#e800b5` | `oklch(62.55% 0.2699 341.52)` | Aphroditean Fuchsia | black, 5 to 1 |
| 25 | `#dc0cb6` | `oklch(60.81% 0.2620 338.65)` | Magentella | black, 4.7 to 1 |
| 26 | `#c619b7` | `oklch(57.75% 0.2477 332.64)` | Explosive Purple | white, 4.9 to 1 |
| 27 | `#a922b6` | `oklch(53.55% 0.2294 323.95)` | Barney | white, 5.8 to 1 |
| 28 | `#8726af` | `oklch(48.52% 0.2080 313.27)` | Minesweeper’s Purple | white, 7.1 to 1 |
| 29 | `#6427a2` | `oklch(42.97% 0.1845 301.25)` | Wild Violet | white, 8.9 to 1 |
| 30 | `#42268d` | `oklch(37.23% 0.1598 288.56)` | Galactic Civilization | white, 11 to 1 |
| 31 | `#242374` | `oklch(31.60% 0.1348 275.88)` | Snorlax | white, 13.4 to 1 |
| 32 | `#071e59` | `oklch(26.41% 0.1104 263.87)` | Downriver | white, 15.6 to 1 |
| 33 | `#001a39` | `oklch(21.99% 0.0688 253.47)` | Naval Night | white, 17.3 to 1 |
| 34 | `#001426` | `oklch(18.62% 0.0469 245.02)` | Kuretake Black Manga | white, 18.5 to 1 |
| 35 | `#00101d` | `oklch(16.63% 0.0376 239.22)` | Kuretake Black Manga | white, 19.1 to 1 |
| 36 | `#00101b` | `oklch(16.34% 0.0355 236.60)` | Kuretake Black Manga | white, 19.2 to 1 |
| 37 | `#04131d` | `oklch(18.02% 0.0305 237.09)` | Midnight Edition | white, 18.7 to 1 |
| 38 | `#0e1b25` | `oklch(21.70% 0.0265 241.77)` | Coarse Wool | white, 17.3 to 1 |
| 39 | `#1d2833` | `oklch(27.00% 0.0256 249.32)` | Abyssal Anchorfish Blue | white, 15 to 1 |
| 40 | `#2e3745` | `oklch(33.57% 0.0272 259.14)` | Royal Battle | white, 11.9 to 1 |
| 41 | `#444a5c` | `oklch(41.05% 0.0308 270.61)` | Sapphire Stone | white, 8.8 to 1 |
| 42 | `#5d5e75` | `oklch(49.10% 0.0358 283.15)` | Men’s Night | white, 6.2 to 1 |
| 43 | `#7a748f` | `oklch(57.35% 0.0418 296.14)` | Plum Shade | black, 4.7 to 1 |
| 44 | `#9989a7` | `oklch(65.45% 0.0481 308.99)` | Smoky Mauve | black, 6.4 to 1 |
| 45 | `#b89dbd` | `oklch(73.06% 0.0542 321.07)` | Tuileries Tint | black, 8.6 to 1 |
| 46 | `#d5b0cf` | `oklch(79.82% 0.0596 331.81)` | Lavender Knoll | black, 10.8 to 1 |
| 47 | `#edbfdc` | `oklch(85.37% 0.0638 340.58)` | Starlet Pink | black, 13 to 1 |
| 48 | `#fecbe5` | `oklch(89.37% 0.0661 346.78)` | Classic Rose | black, 14.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #111243 0.0%, #15154c 2.1%, #1a1857 4.3%, #221b65 6.4%, #2a1f75 8.5%, #342287 10.6%, #402699 12.8%, #4c29ab 14.9%, #592cbd 17.0%, #672dcd 19.1%, #742edb 21.3%, #812ee5 23.4%, #8d2eec 25.5%, #992cf0 27.7%, #a828f1 29.8%, #b723ef 31.9%, #c61cea 34.0%, #d413e3 36.2%, #e004da 38.3%, #e800cf 40.4%, #ed00c5 42.6%, #ef00bd 44.7%, #ed00b7 46.8%, #e800b5 48.9%, #dc0cb6 51.1%, #c619b7 53.2%, #a922b6 55.3%, #8726af 57.4%, #6427a2 59.6%, #42268d 61.7%, #242374 63.8%, #071e59 66.0%, #001a39 68.1%, #001426 70.2%, #00101d 72.3%, #00101b 74.5%, #04131d 76.6%, #0e1b25 78.7%, #1d2833 80.9%, #2e3745 83.0%, #444a5c 85.1%, #5d5e75 87.2%, #7a748f 89.4%, #9989a7 91.5%, #b89dbd 93.6%, #d5b0cf 95.7%, #edbfdc 97.9%, #fecbe5 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.05% 0.0896 274.92) 0.0%, oklch(23.73% 0.0983 276.07) 2.1%, oklch(25.95% 0.1100 277.43) 4.3%, oklch(28.61% 0.1241 279.00) 6.4%, oklch(31.59% 0.1399 280.75) 8.5%, oklch(34.81% 0.1569 282.68) 10.6%, oklch(38.14% 0.1744 284.77) 12.8%, oklch(41.49% 0.1920 287.01) 14.9%, oklch(44.74% 0.2088 289.38) 17.0%, oklch(47.80% 0.2245 291.87) 19.1%, oklch(50.56% 0.2383 294.47) 21.3%, oklch(52.90% 0.2497 297.16) 23.4%, oklch(54.75% 0.2582 299.96) 25.5%, oklch(56.45% 0.2653 303.63) 27.7%, oklch(58.10% 0.2718 308.22) 29.8%, oklch(59.65% 0.2773 313.44) 31.9%, oklch(61.07% 0.2819 318.98) 34.0%, oklch(62.28% 0.2853 324.54) 36.2%, oklch(63.25% 0.2873 329.82) 38.3%, oklch(63.92% 0.2849 334.52) 40.4%, oklch(64.23% 0.2812 338.35) 42.6%, oklch(64.14% 0.2775 340.99) 44.7%, oklch(63.60% 0.2737 342.14) 46.8%, oklch(62.55% 0.2699 341.52) 48.9%, oklch(60.81% 0.2620 338.65) 51.1%, oklch(57.75% 0.2477 332.64) 53.2%, oklch(53.55% 0.2294 323.95) 55.3%, oklch(48.52% 0.2080 313.27) 57.4%, oklch(42.97% 0.1845 301.25) 59.6%, oklch(37.23% 0.1598 288.56) 61.7%, oklch(31.60% 0.1348 275.88) 63.8%, oklch(26.41% 0.1104 263.87) 66.0%, oklch(21.99% 0.0688 253.47) 68.1%, oklch(18.62% 0.0469 245.02) 70.2%, oklch(16.63% 0.0376 239.22) 72.3%, oklch(16.34% 0.0355 236.60) 74.5%, oklch(18.02% 0.0305 237.09) 76.6%, oklch(21.70% 0.0265 241.77) 78.7%, oklch(27.00% 0.0256 249.32) 80.9%, oklch(33.57% 0.0272 259.14) 83.0%, oklch(41.05% 0.0308 270.61) 85.1%, oklch(49.10% 0.0358 283.15) 87.2%, oklch(57.35% 0.0418 296.14) 89.4%, oklch(65.45% 0.0481 308.99) 91.5%, oklch(73.06% 0.0542 321.07) 93.6%, oklch(79.82% 0.0596 331.81) 95.7%, oklch(85.37% 0.0638 340.58) 97.9%, oklch(89.37% 0.0661 346.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.09 | 274.9 |
| 2 | 0.543 | 0.256 | 299.2 |
| 3 | 0.618 | 0.267 | 340.4 |
| 4 | 0.165 | 0.036 | 235.8 |
| 5 | 0.894 | 0.066 | 346.8 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)

## Other forms

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