# Blue, purple, maroon and light blue linear gradient

Blue, purple, maroon and light blue linear gradient with 48 colors: #264e74, #2a5178, #2f567f, #355c86, #3c628f, #446998, #4c71a1, #5577aa, #5e7eb3, #6683bb, #6e86c2, #7688c6, #7c88c8, #8285c6, #8880c2, #8d7abc, #9172b2, #946aa6, #956299, #955a8b, #94527d, #924c6f, #904663, #8d4258, #8c3e50, #893a48, #873740, #843338, #822f30, #7f2b29, #7d2823, #7c2520, #7b231f, #7b2221, #7c2227, #7e2530, #81293e, #853150, #873c67, #884a7f, #875a97, #836bab, #7d7cbc, #778ec7, #739dcd, #73abd0, #75b5d1, #79bdd1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWaTmxUaNC7ymyq0LME4JstY`
- Page: https://grabient.com/kWaTmxUaNC7ymyq0LME4JstY?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 4.7 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 | `#264e74` | `oklch(41.34% 0.0785 248.91)` | Mykonos Reflection | white, 8.6 to 1 |
| 2 | `#2a5178` | `oklch(42.60% 0.0795 249.94)` | Slumber | white, 8.2 to 1 |
| 3 | `#2f567f` | `oklch(44.36% 0.0806 250.95)` | Overtake | white, 7.6 to 1 |
| 4 | `#355c86` | `oklch(46.51% 0.0820 252.00)` | Pelagic | white, 6.9 to 1 |
| 5 | `#3c628f` | `oklch(48.93% 0.0836 253.16)` | Blue Beret | white, 6.2 to 1 |
| 6 | `#446998` | `oklch(51.50% 0.0853 254.51)` | Queen Blue | white, 5.6 to 1 |
| 7 | `#4c71a1` | `oklch(54.11% 0.0871 256.13)` | Great Serpent | white, 5 to 1 |
| 8 | `#5577aa` | `oklch(56.65% 0.0889 258.08)` | Flax Flower | black, 4.6 to 1 |
| 9 | `#5e7eb3` | `oklch(59.01% 0.0907 260.45)` | Prompt | black, 5 to 1 |
| 10 | `#6683bb` | `oklch(61.05% 0.0925 263.30)` | Marine Ink | black, 5.5 to 1 |
| 11 | `#6e86c2` | `oklch(62.68% 0.0941 266.72)` | Violets Are Blue | black, 5.8 to 1 |
| 12 | `#7688c6` | `oklch(63.77% 0.0955 270.77)` | Violets Are Blue | black, 6.1 to 1 |
| 13 | `#7c88c8` | `oklch(64.22% 0.0967 275.55)` | True Lavender | black, 6.1 to 1 |
| 14 | `#8285c6` | `oklch(64.04% 0.0978 281.56)` | Twilight Twinkle | black, 6.1 to 1 |
| 15 | `#8880c2` | `oklch(63.33% 0.0987 288.76)` | Faraway Sky | black, 5.9 to 1 |
| 16 | `#8d7abc` | `oklch(62.18% 0.0995 296.89)` | Royal Raul | black, 5.6 to 1 |
| 17 | `#9172b2` | `oklch(60.68% 0.1003 305.67)` | Violet Frog | black, 5.2 to 1 |
| 18 | `#946aa6` | `oklch(58.93% 0.1010 314.83)` | Amethyst Orchid | black, 4.8 to 1 |
| 19 | `#956299` | `oklch(57.02% 0.1016 324.11)` | Aster Violetta | white, 4.6 to 1 |
| 20 | `#955a8b` | `oklch(55.03% 0.1023 333.23)` | Àn Zǐ Purple | white, 5.1 to 1 |
| 21 | `#94527d` | `oklch(53.07% 0.1030 341.93)` | Verve Violet | white, 5.5 to 1 |
| 22 | `#924c6f` | `oklch(51.21% 0.1037 349.94)` | Goddess of Dawn | white, 6 to 1 |
| 23 | `#904663` | `oklch(49.55% 0.1046 356.98)` | Putnam Plum | white, 6.4 to 1 |
| 24 | `#8d4258` | `oklch(48.18% 0.1056 2.79)` | Umemurasaki Purple | white, 6.8 to 1 |
| 25 | `#8c3e50` | `oklch(47.12% 0.1067 7.31)` | Liaison | white, 7.2 to 1 |
| 26 | `#893a48` | `oklch(46.01% 0.1083 11.59)` | Burnt Russet | white, 7.5 to 1 |
| 27 | `#873740` | `oklch(44.82% 0.1103 15.67)` | Luxurious Red | white, 7.9 to 1 |
| 28 | `#843338` | `oklch(43.62% 0.1125 19.39)` | Blood Oath | white, 8.3 to 1 |
| 29 | `#822f30` | `oklch(42.47% 0.1149 22.61)` | Polished Apple | white, 8.7 to 1 |
| 30 | `#7f2b29` | `oklch(41.42% 0.1172 25.14)` | Posh Red | white, 9.1 to 1 |
| 31 | `#7d2823` | `oklch(40.54% 0.1193 26.84)` | Posh Red | white, 9.5 to 1 |
| 32 | `#7c2520` | `oklch(39.88% 0.1211 27.55)` | Posh Red | white, 9.8 to 1 |
| 33 | `#7b231f` | `oklch(39.50% 0.1226 27.10)` | Posh Red | white, 9.9 to 1 |
| 34 | `#7b2221` | `oklch(39.47% 0.1234 25.33)` | Incubus | white, 10 to 1 |
| 35 | `#7c2227` | `oklch(39.83% 0.1236 22.09)` | Deep Dairei Red | white, 9.8 to 1 |
| 36 | `#7e2530` | `oklch(40.66% 0.1229 17.21)` | Scarlet Shade | white, 9.5 to 1 |
| 37 | `#81293e` | `oklch(42.08% 0.1213 10.11)` | Bicyclette | white, 9 to 1 |
| 38 | `#853150` | `oklch(44.24% 0.1185 359.95)` | Raspberry Radiance | white, 8.2 to 1 |
| 39 | `#873c67` | `oklch(47.02% 0.1148 347.29)` | Midnight Aubergine | white, 7.2 to 1 |
| 40 | `#884a7f` | `oklch(50.26% 0.1104 332.73)` | Visiona Red | white, 6.3 to 1 |
| 41 | `#875a97` | `oklch(53.82% 0.1054 316.86)` | Purple Squid | white, 5.3 to 1 |
| 42 | `#836bab` | `oklch(57.57% 0.1002 300.27)` | Plum Preserve | black, 4.6 to 1 |
| 43 | `#7d7cbc` | `oklch(61.36% 0.0949 283.57)` | Astro Zinger | black, 5.4 to 1 |
| 44 | `#778ec7` | `oklch(65.06% 0.0897 267.36)` | Hydrangea | black, 6.4 to 1 |
| 45 | `#739dcd` | `oklch(68.51% 0.0849 252.23)` | Blue Lechery | black, 7.4 to 1 |
| 46 | `#73abd0` | `oklch(71.57% 0.0806 238.78)` | Chronus Blue | black, 8.4 to 1 |
| 47 | `#75b5d1` | `oklch(74.11% 0.0770 227.61)` | Madonna Blue | black, 9.3 to 1 |
| 48 | `#79bdd1` | `oklch(75.98% 0.0744 219.32)` | Cologne | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #264e74 0.0%, #2a5178 2.1%, #2f567f 4.3%, #355c86 6.4%, #3c628f 8.5%, #446998 10.6%, #4c71a1 12.8%, #5577aa 14.9%, #5e7eb3 17.0%, #6683bb 19.1%, #6e86c2 21.3%, #7688c6 23.4%, #7c88c8 25.5%, #8285c6 27.7%, #8880c2 29.8%, #8d7abc 31.9%, #9172b2 34.0%, #946aa6 36.2%, #956299 38.3%, #955a8b 40.4%, #94527d 42.6%, #924c6f 44.7%, #904663 46.8%, #8d4258 48.9%, #8c3e50 51.1%, #893a48 53.2%, #873740 55.3%, #843338 57.4%, #822f30 59.6%, #7f2b29 61.7%, #7d2823 63.8%, #7c2520 66.0%, #7b231f 68.1%, #7b2221 70.2%, #7c2227 72.3%, #7e2530 74.5%, #81293e 76.6%, #853150 78.7%, #873c67 80.9%, #884a7f 83.0%, #875a97 85.1%, #836bab 87.2%, #7d7cbc 89.4%, #778ec7 91.5%, #739dcd 93.6%, #73abd0 95.7%, #75b5d1 97.9%, #79bdd1 100.0%);
background: linear-gradient(135deg in oklch, oklch(41.34% 0.0785 248.91) 0.0%, oklch(42.60% 0.0795 249.94) 2.1%, oklch(44.36% 0.0806 250.95) 4.3%, oklch(46.51% 0.0820 252.00) 6.4%, oklch(48.93% 0.0836 253.16) 8.5%, oklch(51.50% 0.0853 254.51) 10.6%, oklch(54.11% 0.0871 256.13) 12.8%, oklch(56.65% 0.0889 258.08) 14.9%, oklch(59.01% 0.0907 260.45) 17.0%, oklch(61.05% 0.0925 263.30) 19.1%, oklch(62.68% 0.0941 266.72) 21.3%, oklch(63.77% 0.0955 270.77) 23.4%, oklch(64.22% 0.0967 275.55) 25.5%, oklch(64.04% 0.0978 281.56) 27.7%, oklch(63.33% 0.0987 288.76) 29.8%, oklch(62.18% 0.0995 296.89) 31.9%, oklch(60.68% 0.1003 305.67) 34.0%, oklch(58.93% 0.1010 314.83) 36.2%, oklch(57.02% 0.1016 324.11) 38.3%, oklch(55.03% 0.1023 333.23) 40.4%, oklch(53.07% 0.1030 341.93) 42.6%, oklch(51.21% 0.1037 349.94) 44.7%, oklch(49.55% 0.1046 356.98) 46.8%, oklch(48.18% 0.1056 2.79) 48.9%, oklch(47.12% 0.1067 7.31) 51.1%, oklch(46.01% 0.1083 11.59) 53.2%, oklch(44.82% 0.1103 15.67) 55.3%, oklch(43.62% 0.1125 19.39) 57.4%, oklch(42.47% 0.1149 22.61) 59.6%, oklch(41.42% 0.1172 25.14) 61.7%, oklch(40.54% 0.1193 26.84) 63.8%, oklch(39.88% 0.1211 27.55) 66.0%, oklch(39.50% 0.1226 27.10) 68.1%, oklch(39.47% 0.1234 25.33) 70.2%, oklch(39.83% 0.1236 22.09) 72.3%, oklch(40.66% 0.1229 17.21) 74.5%, oklch(42.08% 0.1213 10.11) 76.6%, oklch(44.24% 0.1185 359.95) 78.7%, oklch(47.02% 0.1148 347.29) 80.9%, oklch(50.26% 0.1104 332.73) 83.0%, oklch(53.82% 0.1054 316.86) 85.1%, oklch(57.57% 0.1002 300.27) 87.2%, oklch(61.36% 0.0949 283.57) 89.4%, oklch(65.06% 0.0897 267.36) 91.5%, oklch(68.51% 0.0849 252.23) 93.6%, oklch(71.57% 0.0806 238.78) 95.7%, oklch(74.11% 0.0770 227.61) 97.9%, oklch(75.98% 0.0744 219.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.079 | 248.9 |
| 2 | 0.642 | 0.096 | 274.3 |
| 3 | 0.476 | 0.106 | 365.1 |
| 4 | 0.409 | 0.123 | 375.7 |
| 5 | 0.76 | 0.074 | 219.3 |

## Other forms

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