# Electric cobalt mauve beam

Pink, blue and purple linear gradient with 48 colors: #e9dbda, #e8d5d5, #e7cdcf, #e5c3ca, #e1b8c7, #dcadc6, #d3a2c7, #c897ca, #ba8ece, #a985d2, #967ed6, #8179d8, #6c74d9, #5770d8, #436dd6, #326ad3, #2668d1, #2567d0, #2d65cf, #3b64ce, #4a63cd, #5963cc, #6863c9, #7664c5, #8365c0, #8e67ba, #986ab4, #9f6daf, #a570a9, #a973a5, #ab75a2, #ab779f, #a9779e, #a6779c, #a3779b, #9e769a, #997599, #947498, #8e7297, #877195, #816f93, #7b6d91, #756c8f, #706a8c, #6b688a, #676788, #646685, #616584. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, blue and purple linear gradient
- Seed: `kU5QsQRL-xdCeyNBkblA`
- Page: https://grabient.com/kU5QsQRL-xdCeyNBkblA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.1 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 | `#e9dbda` | `oklch(90.16% 0.0152 22.50)` | Homoeopathic Rose | black, 15.5 to 1 |
| 2 | `#e8d5d5` | `oklch(88.77% 0.0214 17.73)` | Demure | black, 14.8 to 1 |
| 3 | `#e7cdcf` | `oklch(86.97% 0.0296 11.40)` | Mauve Morn | black, 13.9 to 1 |
| 4 | `#e5c3ca` | `oklch(84.81% 0.0395 3.77)` | Primrose Pink | black, 12.9 to 1 |
| 5 | `#e1b8c7` | `oklch(82.37% 0.0507 355.08)` | Japanese Rose Garden | black, 11.9 to 1 |
| 6 | `#dcadc6` | `oklch(79.69% 0.0630 345.59)` | Roseate Spoonbill | black, 10.8 to 1 |
| 7 | `#d3a2c7` | `oklch(76.86% 0.0761 335.55)` | Geranium Bud | black, 9.7 to 1 |
| 8 | `#c897ca` | `oklch(73.93% 0.0895 325.20)` | Pastel Violet | black, 8.7 to 1 |
| 9 | `#ba8ece` | `oklch(70.96% 0.1030 314.79)` | Pale Purple | black, 7.8 to 1 |
| 10 | `#a985d2` | `oklch(68.03% 0.1163 304.58)` | Middy’s Purple | black, 6.9 to 1 |
| 11 | `#967ed6` | `oklch(65.19% 0.1290 294.81)` | Indigo Bloom | black, 6.2 to 1 |
| 12 | `#8179d8` | `oklch(62.50% 0.1408 285.74)` | Kickstart Purple | black, 5.6 to 1 |
| 13 | `#6c74d9` | `oklch(60.04% 0.1515 277.61)` | C64 Purple | black, 5.1 to 1 |
| 14 | `#5770d8` | `oklch(57.86% 0.1606 270.68)` | Cornflower | black, 4.7 to 1 |
| 15 | `#436dd6` | `oklch(56.03% 0.1678 265.18)` | Han Blue | white, 4.7 to 1 |
| 16 | `#326ad3` | `oklch(54.62% 0.1730 261.39)` | Enchanting Sapphire | white, 5 to 1 |
| 17 | `#2668d1` | `oklch(53.68% 0.1756 259.53)` | Celtic Blue | white, 5.2 to 1 |
| 18 | `#2567d0` | `oklch(53.18% 0.1760 259.70)` | Janitor | white, 5.3 to 1 |
| 19 | `#2d65cf` | `oklch(53.08% 0.1745 261.67)` | Janitor | white, 5.4 to 1 |
| 20 | `#3b64ce` | `oklch(53.32% 0.1712 265.19)` | God of Rain | white, 5.3 to 1 |
| 21 | `#4a63cd` | `oklch(53.83% 0.1665 269.99)` | Savoy Blue | white, 5.2 to 1 |
| 22 | `#5963cc` | `oklch(54.58% 0.1605 275.83)` | Borage Blue | white, 5.1 to 1 |
| 23 | `#6863c9` | `oklch(55.52% 0.1535 282.45)` | Dark Periwinkle | white, 4.9 to 1 |
| 24 | `#7664c5` | `oklch(56.57% 0.1458 289.59)` | Ultra Violet | white, 4.7 to 1 |
| 25 | `#8365c0` | `oklch(57.71% 0.1376 296.99)` | Lavish Spending | black, 4.5 to 1 |
| 26 | `#8e67ba` | `oklch(58.87% 0.1291 304.40)` | Lavish Spending | black, 4.8 to 1 |
| 27 | `#986ab4` | `oklch(60.00% 0.1205 311.55)` | Viola | black, 5 to 1 |
| 28 | `#9f6daf` | `oklch(61.05% 0.1122 318.21)` | Soft Purple | black, 5.2 to 1 |
| 29 | `#a570a9` | `oklch(61.96% 0.1042 324.10)` | Violet Femmes | black, 5.4 to 1 |
| 30 | `#a973a5` | `oklch(62.69% 0.0970 328.97)` | Orchid Kiss | black, 5.6 to 1 |
| 31 | `#ab75a2` | `oklch(63.19% 0.0907 332.57)` | Orchid Kiss | black, 5.7 to 1 |
| 32 | `#ab779f` | `oklch(63.39% 0.0855 334.64)` | Wonder Wish | black, 5.8 to 1 |
| 33 | `#a9779e` | `oklch(63.29% 0.0814 335.07)` | Wonder Wish | black, 5.8 to 1 |
| 34 | `#a6779c` | `oklch(62.97% 0.0777 334.27)` | Teen Queen | black, 5.7 to 1 |
| 35 | `#a3779b` | `oklch(62.48% 0.0743 332.42)` | Long Forgotten Purple | black, 5.6 to 1 |
| 36 | `#9e769a` | `oklch(61.83% 0.0711 329.66)` | Screen Gem | black, 5.5 to 1 |
| 37 | `#997599` | `oklch(61.06% 0.0682 326.14)` | Rebel Rouser | black, 5.3 to 1 |
| 38 | `#947498` | `oklch(60.19% 0.0655 322.00)` | Veri Berri | black, 5.2 to 1 |
| 39 | `#8e7297` | `oklch(59.24% 0.0631 317.40)` | Wine Stroll | black, 5 to 1 |
| 40 | `#877195` | `oklch(58.24% 0.0608 312.47)` | Greyish Purple | black, 4.8 to 1 |
| 41 | `#816f93` | `oklch(57.22% 0.0587 307.37)` | Ornate | black, 4.6 to 1 |
| 42 | `#7b6d91` | `oklch(56.20% 0.0568 302.23)` | Nymph’s Delight | white, 4.7 to 1 |
| 43 | `#756c8f` | `oklch(55.21% 0.0551 297.21)` | Bureaucracy | white, 4.8 to 1 |
| 44 | `#706a8c` | `oklch(54.27% 0.0535 292.45)` | Aromatic | white, 5 to 1 |
| 45 | `#6b688a` | `oklch(53.41% 0.0520 288.10)` | Heron | white, 5.2 to 1 |
| 46 | `#676788` | `oklch(52.66% 0.0507 284.30)` | Heron | white, 5.4 to 1 |
| 47 | `#646685` | `oklch(52.04% 0.0494 281.20)` | Champion Blue | white, 5.5 to 1 |
| 48 | `#616584` | `oklch(51.57% 0.0482 278.94)` | Champion Blue | white, 5.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e9dbda 0.0%, #e8d5d5 2.1%, #e7cdcf 4.3%, #e5c3ca 6.4%, #e1b8c7 8.5%, #dcadc6 10.6%, #d3a2c7 12.8%, #c897ca 14.9%, #ba8ece 17.0%, #a985d2 19.1%, #967ed6 21.3%, #8179d8 23.4%, #6c74d9 25.5%, #5770d8 27.7%, #436dd6 29.8%, #326ad3 31.9%, #2668d1 34.0%, #2567d0 36.2%, #2d65cf 38.3%, #3b64ce 40.4%, #4a63cd 42.6%, #5963cc 44.7%, #6863c9 46.8%, #7664c5 48.9%, #8365c0 51.1%, #8e67ba 53.2%, #986ab4 55.3%, #9f6daf 57.4%, #a570a9 59.6%, #a973a5 61.7%, #ab75a2 63.8%, #ab779f 66.0%, #a9779e 68.1%, #a6779c 70.2%, #a3779b 72.3%, #9e769a 74.5%, #997599 76.6%, #947498 78.7%, #8e7297 80.9%, #877195 83.0%, #816f93 85.1%, #7b6d91 87.2%, #756c8f 89.4%, #706a8c 91.5%, #6b688a 93.6%, #676788 95.7%, #646685 97.9%, #616584 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.16% 0.0152 22.50) 0.0%, oklch(88.77% 0.0214 17.73) 2.1%, oklch(86.97% 0.0296 11.40) 4.3%, oklch(84.81% 0.0395 3.77) 6.4%, oklch(82.37% 0.0507 355.08) 8.5%, oklch(79.69% 0.0630 345.59) 10.6%, oklch(76.86% 0.0761 335.55) 12.8%, oklch(73.93% 0.0895 325.20) 14.9%, oklch(70.96% 0.1030 314.79) 17.0%, oklch(68.03% 0.1163 304.58) 19.1%, oklch(65.19% 0.1290 294.81) 21.3%, oklch(62.50% 0.1408 285.74) 23.4%, oklch(60.04% 0.1515 277.61) 25.5%, oklch(57.86% 0.1606 270.68) 27.7%, oklch(56.03% 0.1678 265.18) 29.8%, oklch(54.62% 0.1730 261.39) 31.9%, oklch(53.68% 0.1756 259.53) 34.0%, oklch(53.18% 0.1760 259.70) 36.2%, oklch(53.08% 0.1745 261.67) 38.3%, oklch(53.32% 0.1712 265.19) 40.4%, oklch(53.83% 0.1665 269.99) 42.6%, oklch(54.58% 0.1605 275.83) 44.7%, oklch(55.52% 0.1535 282.45) 46.8%, oklch(56.57% 0.1458 289.59) 48.9%, oklch(57.71% 0.1376 296.99) 51.1%, oklch(58.87% 0.1291 304.40) 53.2%, oklch(60.00% 0.1205 311.55) 55.3%, oklch(61.05% 0.1122 318.21) 57.4%, oklch(61.96% 0.1042 324.10) 59.6%, oklch(62.69% 0.0970 328.97) 61.7%, oklch(63.19% 0.0907 332.57) 63.8%, oklch(63.39% 0.0855 334.64) 66.0%, oklch(63.29% 0.0814 335.07) 68.1%, oklch(62.97% 0.0777 334.27) 70.2%, oklch(62.48% 0.0743 332.42) 72.3%, oklch(61.83% 0.0711 329.66) 74.5%, oklch(61.06% 0.0682 326.14) 76.6%, oklch(60.19% 0.0655 322.00) 78.7%, oklch(59.24% 0.0631 317.40) 80.9%, oklch(58.24% 0.0608 312.47) 83.0%, oklch(57.22% 0.0587 307.37) 85.1%, oklch(56.20% 0.0568 302.23) 87.2%, oklch(55.21% 0.0551 297.21) 89.4%, oklch(54.27% 0.0535 292.45) 91.5%, oklch(53.41% 0.0520 288.10) 93.6%, oklch(52.66% 0.0507 284.30) 95.7%, oklch(52.04% 0.0494 281.20) 97.9%, oklch(51.57% 0.0482 278.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.015 | 22.5 |
| 2 | 0.539 | 0.175 | -100.1 |
| 3 | 0.634 | 0.084 | -25.1 |
| 4 | 0.516 | 0.048 | -81.1 |

## In these collections

- [Blue and mauve gradients](https://grabient.com/blue-and-mauve-gradients)

## Other forms

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