# Hot pink blue stripes

Blue, magenta, purple and pink linear gradient with 48 colors: #254461, #29476b, #324a7a, #404d8a, #544e9a, #6d4da8, #874bb0, #a348b2, #bd44af, #d440a8, #e63da1, #f23d9d, #f7409f, #f446a9, #e950b9, #d85bca, #c265d7, #a870dd, #8e78db, #767ed2, #6582c4, #5b83b5, #5983a9, #5b83a1, #5e829f, #6182a0, #6581a4, #6c80a9, #767eae, #827cb2, #9179b3, #a175b1, #b072ab, #be71a3, #c9709a, #d17194, #d77491, #dc7792, #e17c95, #e6819a, #ea86a1, #ed8caa, #f092b2, #f398bb, #f59dc3, #f7a2ca, #f9a6d0, #fba9d3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, magenta, purple and pink linear gradient
- Seed: `kWYC2w1NRMcsWsrVLk3aSe-g`
- Page: https://grabient.com/kWYC2w1NRMcsWsrVLk3aSe-g?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#254461` | `oklch(37.80% 0.0620 248.20)` | Dark Slate Blue | white, 10 to 1 |
| 2 | `#29476b` | `oklch(39.34% 0.0715 254.15)` | Commodore | white, 9.4 to 1 |
| 3 | `#324a7a` | `oklch(41.44% 0.0850 262.61)` | Nautical | white, 8.7 to 1 |
| 4 | `#404d8a` | `oklch(43.98% 0.1015 272.99)` | Jazzy Blue | white, 7.9 to 1 |
| 5 | `#544e9a` | `oklch(46.84% 0.1201 284.67)` | Liberty | white, 7.1 to 1 |
| 6 | `#6d4da8` | `oklch(49.89% 0.1399 297.07)` | Studio | white, 6.3 to 1 |
| 7 | `#874bb0` | `oklch(53.02% 0.1598 309.59)` | Harley Hair Purple | white, 5.7 to 1 |
| 8 | `#a348b2` | `oklch(56.12% 0.1790 321.63)` | Fuchsia Pheromone | white, 5 to 1 |
| 9 | `#bd44af` | `oklch(59.05% 0.1966 332.59)` | Ultraviolet Nusp | black, 4.6 to 1 |
| 10 | `#d440a8` | `oklch(61.69% 0.2115 341.87)` | Krameria | black, 5 to 1 |
| 11 | `#e63da1` | `oklch(63.94% 0.2229 348.88)` | Pink Bite | black, 5.5 to 1 |
| 12 | `#f23d9d` | `oklch(65.66% 0.2298 353.02)` | Major Magenta | black, 5.9 to 1 |
| 13 | `#f7409f` | `oklch(66.74% 0.2313 353.66)` | Rose Bonbon | black, 6.1 to 1 |
| 14 | `#f446a9` | `oklch(67.20% 0.2267 350.05)` | Major Magenta | black, 6.2 to 1 |
| 15 | `#e950b9` | `oklch(67.14% 0.2168 342.65)` | Kinky Pinky | black, 6.3 to 1 |
| 16 | `#d85bca` | `oklch(66.66% 0.2027 332.30)` | Fuchsia Flash | black, 6.2 to 1 |
| 17 | `#c265d7` | `oklch(65.86% 0.1854 319.83)` | Blueberry Glaze | black, 6.1 to 1 |
| 18 | `#a870dd` | `oklch(64.82% 0.1660 306.05)` | Violet Voltage | black, 6 to 1 |
| 19 | `#8e78db` | `oklch(63.65% 0.1456 291.80)` | Matt Purple | black, 5.8 to 1 |
| 20 | `#767ed2` | `oklch(62.44% 0.1252 277.90)` | Tanzine | black, 5.7 to 1 |
| 21 | `#6582c4` | `oklch(61.28% 0.1059 265.17)` | Bodega Bay | black, 5.5 to 1 |
| 22 | `#5b83b5` | `oklch(60.28% 0.0887 254.46)` | Deepest Periwinkle | black, 5.3 to 1 |
| 23 | `#5983a9` | `oklch(59.52% 0.0747 246.57)` | Peyton | black, 5.2 to 1 |
| 24 | `#5b83a1` | `oklch(59.11% 0.0649 242.35)` | Honest Blue | black, 5.1 to 1 |
| 25 | `#5e829f` | `oklch(59.08% 0.0603 242.49)` | Greyish Blue | black, 5.1 to 1 |
| 26 | `#6182a0` | `oklch(59.26% 0.0595 246.61)` | Bluestone Path | black, 5.1 to 1 |
| 27 | `#6581a4` | `oklch(59.58% 0.0618 254.00)` | Blue Boater | black, 5.2 to 1 |
| 28 | `#6c80a9` | `oklch(60.03% 0.0667 263.98)` | English Manor | black, 5.3 to 1 |
| 29 | `#767eae` | `oklch(60.60% 0.0735 275.90)` | Bright Zenith | black, 5.3 to 1 |
| 30 | `#827cb2` | `oklch(61.27% 0.0816 289.10)` | Murex | black, 5.4 to 1 |
| 31 | `#9179b3` | `oklch(62.02% 0.0906 302.90)` | Royal Raul | black, 5.5 to 1 |
| 32 | `#a175b1` | `oklch(62.86% 0.0997 316.66)` | Bell Heather | black, 5.7 to 1 |
| 33 | `#b072ab` | `oklch(63.76% 0.1084 329.70)` | Moonlight Melody | black, 5.8 to 1 |
| 34 | `#be71a3` | `oklch(64.70% 0.1161 341.37)` | Crocus | black, 6 to 1 |
| 35 | `#c9709a` | `oklch(65.68% 0.1222 351.00)` | Fuchsia Kiss | black, 6.2 to 1 |
| 36 | `#d17194` | `oklch(66.68% 0.1262 357.93)` | Fiesta Pink | black, 6.5 to 1 |
| 37 | `#d77491` | `oklch(67.74% 0.1279 2.00)` | Minuette | black, 6.7 to 1 |
| 38 | `#dc7792` | `oklch(69.00% 0.1284 4.27)` | Impatient Pink | black, 7.1 to 1 |
| 39 | `#e17c95` | `oklch(70.40% 0.1279 5.05)` | Frosty Berry | black, 7.5 to 1 |
| 40 | `#e6819a` | `oklch(71.92% 0.1265 4.59)` | Iced Berry | black, 7.9 to 1 |
| 41 | `#ea86a1` | `oklch(73.50% 0.1246 3.15)` | Rose Glory | black, 8.4 to 1 |
| 42 | `#ed8caa` | `oklch(75.10% 0.1222 0.99)` | Charm Pink | black, 8.9 to 1 |
| 43 | `#f092b2` | `oklch(76.67% 0.1195 358.37)` | Illusion | black, 9.4 to 1 |
| 44 | `#f398bb` | `oklch(78.18% 0.1168 355.56)` | Amaranth Pink | black, 10 to 1 |
| 45 | `#f59dc3` | `oklch(79.58% 0.1142 352.81)` | Pastel Magenta | black, 10.5 to 1 |
| 46 | `#f7a2ca` | `oklch(80.82% 0.1119 350.38)` | Rogue Pink | black, 11 to 1 |
| 47 | `#f9a6d0` | `oklch(81.87% 0.1100 348.54)` | Bazooka Pink | black, 11.4 to 1 |
| 48 | `#fba9d3` | `oklch(82.68% 0.1089 347.54)` | Spaghetti Strap Pink | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #254461 0.0%, #29476b 2.1%, #324a7a 4.3%, #404d8a 6.4%, #544e9a 8.5%, #6d4da8 10.6%, #874bb0 12.8%, #a348b2 14.9%, #bd44af 17.0%, #d440a8 19.1%, #e63da1 21.3%, #f23d9d 23.4%, #f7409f 25.5%, #f446a9 27.7%, #e950b9 29.8%, #d85bca 31.9%, #c265d7 34.0%, #a870dd 36.2%, #8e78db 38.3%, #767ed2 40.4%, #6582c4 42.6%, #5b83b5 44.7%, #5983a9 46.8%, #5b83a1 48.9%, #5e829f 51.1%, #6182a0 53.2%, #6581a4 55.3%, #6c80a9 57.4%, #767eae 59.6%, #827cb2 61.7%, #9179b3 63.8%, #a175b1 66.0%, #b072ab 68.1%, #be71a3 70.2%, #c9709a 72.3%, #d17194 74.5%, #d77491 76.6%, #dc7792 78.7%, #e17c95 80.9%, #e6819a 83.0%, #ea86a1 85.1%, #ed8caa 87.2%, #f092b2 89.4%, #f398bb 91.5%, #f59dc3 93.6%, #f7a2ca 95.7%, #f9a6d0 97.9%, #fba9d3 100.0%);
background: linear-gradient(135deg in oklch, oklch(37.80% 0.0620 248.20) 0.0%, oklch(39.34% 0.0715 254.15) 2.1%, oklch(41.44% 0.0850 262.61) 4.3%, oklch(43.98% 0.1015 272.99) 6.4%, oklch(46.84% 0.1201 284.67) 8.5%, oklch(49.89% 0.1399 297.07) 10.6%, oklch(53.02% 0.1598 309.59) 12.8%, oklch(56.12% 0.1790 321.63) 14.9%, oklch(59.05% 0.1966 332.59) 17.0%, oklch(61.69% 0.2115 341.87) 19.1%, oklch(63.94% 0.2229 348.88) 21.3%, oklch(65.66% 0.2298 353.02) 23.4%, oklch(66.74% 0.2313 353.66) 25.5%, oklch(67.20% 0.2267 350.05) 27.7%, oklch(67.14% 0.2168 342.65) 29.8%, oklch(66.66% 0.2027 332.30) 31.9%, oklch(65.86% 0.1854 319.83) 34.0%, oklch(64.82% 0.1660 306.05) 36.2%, oklch(63.65% 0.1456 291.80) 38.3%, oklch(62.44% 0.1252 277.90) 40.4%, oklch(61.28% 0.1059 265.17) 42.6%, oklch(60.28% 0.0887 254.46) 44.7%, oklch(59.52% 0.0747 246.57) 46.8%, oklch(59.11% 0.0649 242.35) 48.9%, oklch(59.08% 0.0603 242.49) 51.1%, oklch(59.26% 0.0595 246.61) 53.2%, oklch(59.58% 0.0618 254.00) 55.3%, oklch(60.03% 0.0667 263.98) 57.4%, oklch(60.60% 0.0735 275.90) 59.6%, oklch(61.27% 0.0816 289.10) 61.7%, oklch(62.02% 0.0906 302.90) 63.8%, oklch(62.86% 0.0997 316.66) 66.0%, oklch(63.76% 0.1084 329.70) 68.1%, oklch(64.70% 0.1161 341.37) 70.2%, oklch(65.68% 0.1222 351.00) 72.3%, oklch(66.68% 0.1262 357.93) 74.5%, oklch(67.74% 0.1279 2.00) 76.6%, oklch(69.00% 0.1284 4.27) 78.7%, oklch(70.40% 0.1279 5.05) 80.9%, oklch(71.92% 0.1265 4.59) 83.0%, oklch(73.50% 0.1246 3.15) 85.1%, oklch(75.10% 0.1222 0.99) 87.2%, oklch(76.67% 0.1195 358.37) 89.4%, oklch(78.18% 0.1168 355.56) 91.5%, oklch(79.58% 0.1142 352.81) 93.6%, oklch(80.82% 0.1119 350.38) 95.7%, oklch(81.87% 0.1100 348.54) 97.9%, oklch(82.68% 0.1089 347.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.062 | 248.2 |
| 2 | 0.665 | 0.231 | 353.9 |
| 3 | 0.591 | 0.062 | 241.9 |
| 4 | 0.669 | 0.127 | 359.2 |
| 5 | 0.827 | 0.109 | 347.5 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)

## Other forms

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