# Plum Blue Galactic Current

Duotone purple and blue linear gradient with 32 colors: #431c4f, #471d51, #4e1f52, #552152, #5e2453, #672753, #702b53, #792f53, #813355, #883859, #8d3c5f, #904169, #914778, #8e4e8a, #87589d, #7d62ad, #6f6db9, #5e78c0, #4d81c2, #3d89c2, #328ec2, #2f91c4, #3492c8, #418fce, #528bd3, #6685d6, #7a7dd6, #8c75d1, #9c6dc7, #a966bc, #b361b0, #b95ea7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone purple and blue linear gradient
- Seed: `kUTkfhvSrEU8qMfONcug`
- Page: https://grabient.com/kUTkfhvSrEU8qMfONcug?steps=32&angle=300
- Drawn as: linear gradient, 32 steps, 300 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 4 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 | `#431c4f` | `oklch(30.71% 0.0978 317.11)` | Plunged Into Darkness | white, 13.8 to 1 |
| 2 | `#471d51` | `oklch(31.71% 0.0990 319.89)` | Plunged Into Darkness | white, 13.4 to 1 |
| 3 | `#4e1f52` | `oklch(33.02% 0.1007 324.29)` | Wonka Purple | white, 12.8 to 1 |
| 4 | `#552152` | `oklch(34.57% 0.1026 329.79)` | Purple Velour | white, 12.1 to 1 |
| 5 | `#5e2453` | `oklch(36.30% 0.1048 335.87)` | Plum Caspia | white, 11.3 to 1 |
| 6 | `#672753` | `oklch(38.16% 0.1072 342.01)` | Velvet Mauve | white, 10.5 to 1 |
| 7 | `#702b53` | `oklch(40.11% 0.1095 347.68)` | Bordeaux Red | white, 9.7 to 1 |
| 8 | `#792f53` | `oklch(42.07% 0.1118 352.36)` | Possessed Plum | white, 8.9 to 1 |
| 9 | `#813355` | `oklch(43.99% 0.1138 355.53)` | Alfonso Olive | white, 8.2 to 1 |
| 10 | `#883859` | `oklch(45.82% 0.1155 356.66)` | Berry Patch | white, 7.6 to 1 |
| 11 | `#8d3c5f` | `oklch(47.51% 0.1168 355.23)` | Quinacridone Magenta | white, 7.1 to 1 |
| 12 | `#904169` | `oklch(49.06% 0.1176 350.42)` | Bonbon Red | white, 6.6 to 1 |
| 13 | `#914778` | `oklch(50.66% 0.1177 341.44)` | Willowherb | white, 6.2 to 1 |
| 14 | `#8e4e8a` | `oklch(52.28% 0.1174 329.21)` | Razzmic Berry | white, 5.7 to 1 |
| 15 | `#87589d` | `oklch(53.90% 0.1168 314.73)` | Highlighter Lavender | white, 5.3 to 1 |
| 16 | `#7d62ad` | `oklch(55.48% 0.1161 299.02)` | Genestealer Purple | white, 4.9 to 1 |
| 17 | `#6f6db9` | `oklch(57.00% 0.1153 283.10)` | Purple Toolbox | white, 4.6 to 1 |
| 18 | `#5e78c0` | `oklch(58.41% 0.1146 267.97)` | Blue Android Base | black, 4.9 to 1 |
| 19 | `#4d81c2` | `oklch(59.69% 0.1143 254.66)` | Sea Note | black, 5.2 to 1 |
| 20 | `#3d89c2` | `oklch(60.80% 0.1143 244.17)` | Pat-A-Pep | black, 5.5 to 1 |
| 21 | `#328ec2` | `oklch(61.72% 0.1149 237.53)` | Christmas Blue | black, 5.8 to 1 |
| 22 | `#2f91c4` | `oklch(62.40% 0.1163 235.71)` | Porpita Porpita | black, 5.9 to 1 |
| 23 | `#3492c8` | `oklch(62.83% 0.1184 238.62)` | Splish Splash | black, 6 to 1 |
| 24 | `#418fce` | `oklch(63.02% 0.1213 245.40)` | Magical Merlin | black, 6 to 1 |
| 25 | `#528bd3` | `oklch(63.03% 0.1246 255.17)` | Berlin Blue | black, 5.9 to 1 |
| 26 | `#6685d6` | `oklch(62.89% 0.1283 267.08)` | Livid | black, 5.8 to 1 |
| 27 | `#7a7dd6` | `oklch(62.65% 0.1322 280.26)` | Tanzine | black, 5.7 to 1 |
| 28 | `#8c75d1` | `oklch(62.35% 0.1360 293.85)` | True V | black, 5.5 to 1 |
| 29 | `#9c6dc7` | `oklch(62.04% 0.1396 306.99)` | Lilac Bush | black, 5.4 to 1 |
| 30 | `#a966bc` | `oklch(61.75% 0.1428 318.81)` | Prickly Purple | black, 5.3 to 1 |
| 31 | `#b361b0` | `oklch(61.53% 0.1455 328.46)` | Royalty Loyalty | black, 5.2 to 1 |
| 32 | `#b95ea7` | `oklch(61.42% 0.1474 335.07)` | Young Purple | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(300deg, #431c4f 0.0%, #471d51 3.2%, #4e1f52 6.5%, #552152 9.7%, #5e2453 12.9%, #672753 16.1%, #702b53 19.4%, #792f53 22.6%, #813355 25.8%, #883859 29.0%, #8d3c5f 32.3%, #904169 35.5%, #914778 38.7%, #8e4e8a 41.9%, #87589d 45.2%, #7d62ad 48.4%, #6f6db9 51.6%, #5e78c0 54.8%, #4d81c2 58.1%, #3d89c2 61.3%, #328ec2 64.5%, #2f91c4 67.7%, #3492c8 71.0%, #418fce 74.2%, #528bd3 77.4%, #6685d6 80.6%, #7a7dd6 83.9%, #8c75d1 87.1%, #9c6dc7 90.3%, #a966bc 93.5%, #b361b0 96.8%, #b95ea7 100.0%);
background: linear-gradient(300deg in oklch, oklch(30.71% 0.0978 317.11) 0.0%, oklch(31.71% 0.0990 319.89) 3.2%, oklch(33.02% 0.1007 324.29) 6.5%, oklch(34.57% 0.1026 329.79) 9.7%, oklch(36.30% 0.1048 335.87) 12.9%, oklch(38.16% 0.1072 342.01) 16.1%, oklch(40.11% 0.1095 347.68) 19.4%, oklch(42.07% 0.1118 352.36) 22.6%, oklch(43.99% 0.1138 355.53) 25.8%, oklch(45.82% 0.1155 356.66) 29.0%, oklch(47.51% 0.1168 355.23) 32.3%, oklch(49.06% 0.1176 350.42) 35.5%, oklch(50.66% 0.1177 341.44) 38.7%, oklch(52.28% 0.1174 329.21) 41.9%, oklch(53.90% 0.1168 314.73) 45.2%, oklch(55.48% 0.1161 299.02) 48.4%, oklch(57.00% 0.1153 283.10) 51.6%, oklch(58.41% 0.1146 267.97) 54.8%, oklch(59.69% 0.1143 254.66) 58.1%, oklch(60.80% 0.1143 244.17) 61.3%, oklch(61.72% 0.1149 237.53) 64.5%, oklch(62.40% 0.1163 235.71) 67.7%, oklch(62.83% 0.1184 238.62) 71.0%, oklch(63.02% 0.1213 245.40) 74.2%, oklch(63.03% 0.1246 255.17) 77.4%, oklch(62.89% 0.1283 267.08) 80.6%, oklch(62.65% 0.1322 280.26) 83.9%, oklch(62.35% 0.1360 293.85) 87.1%, oklch(62.04% 0.1396 306.99) 90.3%, oklch(61.75% 0.1428 318.81) 93.5%, oklch(61.53% 0.1455 328.46) 96.8%, oklch(61.42% 0.1474 335.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.098 | 317.1 |
| 2 | 0.48 | 0.117 | 354.1 |
| 3 | 0.622 | 0.116 | 235.7 |
| 4 | 0.614 | 0.147 | 335.1 |

## In these collections

- [Galaxy gradients](https://grabient.com/galaxy-gradients)

## Other forms

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