# Royal blue and violet angular gradient

Seamless cool navy, blue and purple angular gradient with 80 colors: #13263a, #12283d, #122941, #122b46, #112d4b, #103050, #0f3256, #0e355d, #0c3863, #0b3a6b, #083d72, #06407a, #044382, #02468a, #004993, #004c9b, #004fa3, #0052ab, #0054b4, #0157bc, #0459c4, #095bcc, #0f5dd3, #145fd9, #1a61df, #1f62e5, #2463ea, #2a64ee, #3065f2, #3665f6, #3c65fa, #4266fd, #4966ff, #5067ff, #5768ff, #5d69ff, #636aff, #686aff, #6e6bff, #726bff, #776aff, #7b6aff, #7f69ff, #8269ff, #8668ff, #8867ff, #8a65ff, #8c64ff, #8e62ff, #8e60ff, #8f5eff, #8e5dfc, #8c5df9, #8a5cf5, #875bf1, #835bed, #7e5ae8, #7959e2, #7357db, #6c56d4, #6555cd, #5e53c5, #5751bd, #504fb4, #494dab, #424ba2, #3b4898, #35458f, #2f4386, #2a407d, #253d74, #213a6b, #1d3763, #1a345b, #183154, #162f4d, #152c48, #142a42, #13283e, #13263a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless cool navy, blue and purple angular gradient
- Seed: `kUQyGyRc5Bc1Pw2hkLrg`
- Page: https://grabient.com/kUQyGyRc5Bc1Pw2hkLrg?style=angularGradient&steps=80
- Drawn as: angular gradient, 80 steps, 90 degrees
- Kinds: light center, vivid, cool, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.9 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 | `#13263a` | `oklch(26.38% 0.0455 250.31)` | Celestial Canvas | white, 15.3 to 1 |
| 2 | `#12283d` | `oklch(26.97% 0.0490 250.56)` | Eternal Darkness | white, 15 to 1 |
| 3 | `#122941` | `oklch(27.67% 0.0533 250.82)` | Eternal Darkness | white, 14.7 to 1 |
| 4 | `#122b46` | `oklch(28.47% 0.0582 251.09)` | Midnight Ocean | white, 14.3 to 1 |
| 5 | `#112d4b` | `oklch(29.35% 0.0636 251.38)` | Midnight Ocean | white, 13.9 to 1 |
| 6 | `#103050` | `oklch(30.32% 0.0695 251.68)` | Beyond the Stars | white, 13.4 to 1 |
| 7 | `#0f3256` | `oklch(31.36% 0.0759 252.00)` | Incremental Blue | white, 12.9 to 1 |
| 8 | `#0e355d` | `oklch(32.46% 0.0827 252.34)` | Incremental Blue | white, 12.4 to 1 |
| 9 | `#0c3863` | `oklch(33.62% 0.0898 252.69)` | Lost in Space | white, 11.9 to 1 |
| 10 | `#0b3a6b` | `oklch(34.83% 0.0972 253.06)` | Ateneo Blue | white, 11.4 to 1 |
| 11 | `#083d72` | `oklch(36.08% 0.1048 253.45)` | Tardis Blue | white, 10.8 to 1 |
| 12 | `#06407a` | `oklch(37.35% 0.1127 253.85)` | Twilight Blue | white, 10.3 to 1 |
| 13 | `#044382` | `oklch(38.65% 0.1206 254.28)` | Bracing Blue | white, 9.8 to 1 |
| 14 | `#02468a` | `oklch(39.96% 0.1286 254.73)` | Pacific Depths | white, 9.3 to 1 |
| 15 | `#004993` | `oklch(41.28% 0.1366 255.20)` | Liberalist | white, 8.8 to 1 |
| 16 | `#004c9b` | `oklch(42.60% 0.1440 255.72)` | Freshwater Lake | white, 8.3 to 1 |
| 17 | `#004fa3` | `oklch(43.91% 0.1512 256.23)` | Sea of Tears | white, 7.9 to 1 |
| 18 | `#0052ab` | `oklch(45.19% 0.1589 256.77)` | Victoria Blue | white, 7.5 to 1 |
| 19 | `#0054b4` | `oklch(46.45% 0.1671 257.32)` | Blizzy Blueberry | white, 7.1 to 1 |
| 20 | `#0157bc` | `oklch(47.66% 0.1750 257.88)` | London Rain | white, 6.8 to 1 |
| 21 | `#0459c4` | `oklch(48.84% 0.1819 258.49)` | Dead Blue Eyes | white, 6.4 to 1 |
| 22 | `#095bcc` | `oklch(49.96% 0.1885 259.13)` | Dead Blue Eyes | white, 6.2 to 1 |
| 23 | `#0f5dd3` | `oklch(51.03% 0.1946 259.79)` | Bnei Brak Bay | white, 5.9 to 1 |
| 24 | `#145fd9` | `oklch(52.02% 0.2003 260.48)` | Bnei Brak Bay | white, 5.7 to 1 |
| 25 | `#1a61df` | `oklch(52.94% 0.2054 261.20)` | Blue Ruin | white, 5.5 to 1 |
| 26 | `#1f62e5` | `oklch(53.77% 0.2099 261.95)` | Old Gungeon Red | white, 5.3 to 1 |
| 27 | `#2463ea` | `oklch(54.50% 0.2138 262.73)` | Old Gungeon Red | white, 5.1 to 1 |
| 28 | `#2a64ee` | `oklch(55.16% 0.2171 263.56)` | Retro Blue | white, 5 to 1 |
| 29 | `#3065f2` | `oklch(55.80% 0.2201 264.53)` | Retro Blue | white, 4.9 to 1 |
| 30 | `#3665f6` | `oklch(56.43% 0.2230 265.63)` | Secret of Mana | white, 4.8 to 1 |
| 31 | `#3c65fa` | `oklch(57.04% 0.2255 266.84)` | Secret of Mana | white, 4.7 to 1 |
| 32 | `#4266fd` | `oklch(57.64% 0.2279 268.15)` | Blue Titmouse | white, 4.6 to 1 |
| 33 | `#4966ff` | `oklch(58.21% 0.2279 269.55)` | Blue Titmouse | black, 4.6 to 1 |
| 34 | `#5067ff` | `oklch(58.76% 0.2247 271.01)` | Blue Heath Butterfly | black, 4.7 to 1 |
| 35 | `#5768ff` | `oklch(59.29% 0.2219 272.53)` | Blue Heath Butterfly | black, 4.8 to 1 |
| 36 | `#5d69ff` | `oklch(59.79% 0.2195 274.09)` | Blue Genie | black, 4.9 to 1 |
| 37 | `#636aff` | `oklch(60.25% 0.2174 275.68)` | Blue Genie | black, 5 to 1 |
| 38 | `#686aff` | `oklch(60.68% 0.2157 277.27)` | Blue Genie | black, 5.1 to 1 |
| 39 | `#6e6bff` | `oklch(61.08% 0.2144 278.87)` | Blue Genie | black, 5.1 to 1 |
| 40 | `#726bff` | `oklch(61.43% 0.2135 280.45)` | Blue Genie | black, 5.2 to 1 |
| 41 | `#776aff` | `oklch(61.74% 0.2130 281.99)` | Blackthorn Berry | black, 5.3 to 1 |
| 42 | `#7b6aff` | `oklch(62.00% 0.2129 283.49)` | Blackthorn Berry | black, 5.3 to 1 |
| 43 | `#7f69ff` | `oklch(62.21% 0.2131 284.92)` | Purple Anemone | black, 5.3 to 1 |
| 44 | `#8269ff` | `oklch(62.37% 0.2138 286.28)` | Purple Anemone | black, 5.4 to 1 |
| 45 | `#8668ff` | `oklch(62.48% 0.2148 287.55)` | Purple Anemone | black, 5.4 to 1 |
| 46 | `#8867ff` | `oklch(62.52% 0.2162 288.72)` | Purple Anemone | black, 5.4 to 1 |
| 47 | `#8a65ff` | `oklch(62.51% 0.2180 289.76)` | Purple Anemone | black, 5.3 to 1 |
| 48 | `#8c64ff` | `oklch(62.43% 0.2200 290.67)` | Purple Anemone | black, 5.3 to 1 |
| 49 | `#8e62ff` | `oklch(62.28% 0.2223 291.43)` | Purple Anemone | black, 5.3 to 1 |
| 50 | `#8e60ff` | `oklch(62.07% 0.2248 292.03)` | Purple Anemone | black, 5.2 to 1 |
| 51 | `#8f5eff` | `oklch(61.78% 0.2267 292.45)` | Purple Anemone | black, 5.1 to 1 |
| 52 | `#8e5dfc` | `oklch(61.41% 0.2241 292.67)` | Forgotten Kyawthuite | black, 5.1 to 1 |
| 53 | `#8c5df9` | `oklch(60.97% 0.2212 292.69)` | Forgotten Kyawthuite | black, 5 to 1 |
| 54 | `#8a5cf5` | `oklch(60.44% 0.2180 292.49)` | Forgotten Kyawthuite | black, 4.9 to 1 |
| 55 | `#875bf1` | `oklch(59.77% 0.2141 292.03)` | Gloomy Purple | black, 4.8 to 1 |
| 56 | `#835bed` | `oklch(58.95% 0.2096 291.33)` | Gloomy Purple | black, 4.6 to 1 |
| 57 | `#7e5ae8` | `oklch(57.99% 0.2045 290.41)` | Gloomy Purple | white, 4.6 to 1 |
| 58 | `#7959e2` | `oklch(56.91% 0.1988 289.28)` | Candy Grape Fizz | white, 4.8 to 1 |
| 59 | `#7357db` | `oklch(55.72% 0.1925 287.96)` | Astro Purple | white, 5 to 1 |
| 60 | `#6c56d4` | `oklch(54.43% 0.1859 286.47)` | Astro Purple | white, 5.3 to 1 |
| 61 | `#6555cd` | `oklch(53.04% 0.1788 284.84)` | Ameixa | white, 5.6 to 1 |
| 62 | `#5e53c5` | `oklch(51.59% 0.1713 283.07)` | Circumorbital Ring | white, 5.9 to 1 |
| 63 | `#5751bd` | `oklch(50.07% 0.1636 281.19)` | Circumorbital Ring | white, 6.3 to 1 |
| 64 | `#504fb4` | `oklch(48.50% 0.1557 279.22)` | Swiss Plum | white, 6.7 to 1 |
| 65 | `#494dab` | `oklch(46.89% 0.1476 277.18)` | Brandywine Raspberry | white, 7.1 to 1 |
| 66 | `#424ba2` | `oklch(45.25% 0.1394 275.08)` | Dazzling Blue | white, 7.6 to 1 |
| 67 | `#3b4898` | `oklch(43.60% 0.1312 272.94)` | Galaxy Express | white, 8.1 to 1 |
| 68 | `#35458f` | `oklch(41.94% 0.1229 270.78)` | Truth | white, 8.7 to 1 |
| 69 | `#2f4386` | `oklch(40.30% 0.1147 268.63)` | Official Violet | white, 9.3 to 1 |
| 70 | `#2a407d` | `oklch(38.68% 0.1067 266.49)` | Mazarine Blue | white, 9.9 to 1 |
| 71 | `#253d74` | `oklch(37.09% 0.0988 264.39)` | Blue Expanse | white, 10.5 to 1 |
| 72 | `#213a6b` | `oklch(35.55% 0.0911 262.35)` | Limoges | white, 11.1 to 1 |
| 73 | `#1d3763` | `oklch(34.07% 0.0838 260.38)` | Navy Trim | white, 11.8 to 1 |
| 74 | `#1a345b` | `oklch(32.66% 0.0768 258.51)` | Incremental Blue | white, 12.4 to 1 |
| 75 | `#183154` | `oklch(31.33% 0.0702 256.75)` | Elite Blue | white, 13 to 1 |
| 76 | `#162f4d` | `oklch(30.10% 0.0641 255.13)` | Crow Black Blue | white, 13.6 to 1 |
| 77 | `#152c48` | `oklch(28.98% 0.0585 253.65)` | Midnight Ocean | white, 14.1 to 1 |
| 78 | `#142a42` | `oklch(27.98% 0.0535 252.34)` | Eternal Darkness | white, 14.5 to 1 |
| 79 | `#13283e` | `oklch(27.10% 0.0491 251.22)` | Eternal Darkness | white, 15 to 1 |
| 80 | `#13263a` | `oklch(26.38% 0.0455 250.31)` | Celestial Canvas | white, 15.3 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #13263a 0.0%, #12283d 1.3%, #122941 2.5%, #122b46 3.8%, #112d4b 5.1%, #103050 6.3%, #0f3256 7.6%, #0e355d 8.9%, #0c3863 10.1%, #0b3a6b 11.4%, #083d72 12.7%, #06407a 13.9%, #044382 15.2%, #02468a 16.5%, #004993 17.7%, #004c9b 19.0%, #004fa3 20.3%, #0052ab 21.5%, #0054b4 22.8%, #0157bc 24.1%, #0459c4 25.3%, #095bcc 26.6%, #0f5dd3 27.8%, #145fd9 29.1%, #1a61df 30.4%, #1f62e5 31.6%, #2463ea 32.9%, #2a64ee 34.2%, #3065f2 35.4%, #3665f6 36.7%, #3c65fa 38.0%, #4266fd 39.2%, #4966ff 40.5%, #5067ff 41.8%, #5768ff 43.0%, #5d69ff 44.3%, #636aff 45.6%, #686aff 46.8%, #6e6bff 48.1%, #726bff 49.4%, #776aff 50.6%, #7b6aff 51.9%, #7f69ff 53.2%, #8269ff 54.4%, #8668ff 55.7%, #8867ff 57.0%, #8a65ff 58.2%, #8c64ff 59.5%, #8e62ff 60.8%, #8e60ff 62.0%, #8f5eff 63.3%, #8e5dfc 64.6%, #8c5df9 65.8%, #8a5cf5 67.1%, #875bf1 68.4%, #835bed 69.6%, #7e5ae8 70.9%, #7959e2 72.2%, #7357db 73.4%, #6c56d4 74.7%, #6555cd 75.9%, #5e53c5 77.2%, #5751bd 78.5%, #504fb4 79.7%, #494dab 81.0%, #424ba2 82.3%, #3b4898 83.5%, #35458f 84.8%, #2f4386 86.1%, #2a407d 87.3%, #253d74 88.6%, #213a6b 89.9%, #1d3763 91.1%, #1a345b 92.4%, #183154 93.7%, #162f4d 94.9%, #152c48 96.2%, #142a42 97.5%, #13283e 98.7%, #13263a 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(26.38% 0.0455 250.31) 0.0%, oklch(26.97% 0.0490 250.56) 1.3%, oklch(27.67% 0.0533 250.82) 2.5%, oklch(28.47% 0.0582 251.09) 3.8%, oklch(29.35% 0.0636 251.38) 5.1%, oklch(30.32% 0.0695 251.68) 6.3%, oklch(31.36% 0.0759 252.00) 7.6%, oklch(32.46% 0.0827 252.34) 8.9%, oklch(33.62% 0.0898 252.69) 10.1%, oklch(34.83% 0.0972 253.06) 11.4%, oklch(36.08% 0.1048 253.45) 12.7%, oklch(37.35% 0.1127 253.85) 13.9%, oklch(38.65% 0.1206 254.28) 15.2%, oklch(39.96% 0.1286 254.73) 16.5%, oklch(41.28% 0.1366 255.20) 17.7%, oklch(42.60% 0.1440 255.72) 19.0%, oklch(43.91% 0.1512 256.23) 20.3%, oklch(45.19% 0.1589 256.77) 21.5%, oklch(46.45% 0.1671 257.32) 22.8%, oklch(47.66% 0.1750 257.88) 24.1%, oklch(48.84% 0.1819 258.49) 25.3%, oklch(49.96% 0.1885 259.13) 26.6%, oklch(51.03% 0.1946 259.79) 27.8%, oklch(52.02% 0.2003 260.48) 29.1%, oklch(52.94% 0.2054 261.20) 30.4%, oklch(53.77% 0.2099 261.95) 31.6%, oklch(54.50% 0.2138 262.73) 32.9%, oklch(55.16% 0.2171 263.56) 34.2%, oklch(55.80% 0.2201 264.53) 35.4%, oklch(56.43% 0.2230 265.63) 36.7%, oklch(57.04% 0.2255 266.84) 38.0%, oklch(57.64% 0.2279 268.15) 39.2%, oklch(58.21% 0.2279 269.55) 40.5%, oklch(58.76% 0.2247 271.01) 41.8%, oklch(59.29% 0.2219 272.53) 43.0%, oklch(59.79% 0.2195 274.09) 44.3%, oklch(60.25% 0.2174 275.68) 45.6%, oklch(60.68% 0.2157 277.27) 46.8%, oklch(61.08% 0.2144 278.87) 48.1%, oklch(61.43% 0.2135 280.45) 49.4%, oklch(61.74% 0.2130 281.99) 50.6%, oklch(62.00% 0.2129 283.49) 51.9%, oklch(62.21% 0.2131 284.92) 53.2%, oklch(62.37% 0.2138 286.28) 54.4%, oklch(62.48% 0.2148 287.55) 55.7%, oklch(62.52% 0.2162 288.72) 57.0%, oklch(62.51% 0.2180 289.76) 58.2%, oklch(62.43% 0.2200 290.67) 59.5%, oklch(62.28% 0.2223 291.43) 60.8%, oklch(62.07% 0.2248 292.03) 62.0%, oklch(61.78% 0.2267 292.45) 63.3%, oklch(61.41% 0.2241 292.67) 64.6%, oklch(60.97% 0.2212 292.69) 65.8%, oklch(60.44% 0.2180 292.49) 67.1%, oklch(59.77% 0.2141 292.03) 68.4%, oklch(58.95% 0.2096 291.33) 69.6%, oklch(57.99% 0.2045 290.41) 70.9%, oklch(56.91% 0.1988 289.28) 72.2%, oklch(55.72% 0.1925 287.96) 73.4%, oklch(54.43% 0.1859 286.47) 74.7%, oklch(53.04% 0.1788 284.84) 75.9%, oklch(51.59% 0.1713 283.07) 77.2%, oklch(50.07% 0.1636 281.19) 78.5%, oklch(48.50% 0.1557 279.22) 79.7%, oklch(46.89% 0.1476 277.18) 81.0%, oklch(45.25% 0.1394 275.08) 82.3%, oklch(43.60% 0.1312 272.94) 83.5%, oklch(41.94% 0.1229 270.78) 84.8%, oklch(40.30% 0.1147 268.63) 86.1%, oklch(38.68% 0.1067 266.49) 87.3%, oklch(37.09% 0.0988 264.39) 88.6%, oklch(35.55% 0.0911 262.35) 89.9%, oklch(34.07% 0.0838 260.38) 91.1%, oklch(32.66% 0.0768 258.51) 92.4%, oklch(31.33% 0.0702 256.75) 93.7%, oklch(30.10% 0.0641 255.13) 94.9%, oklch(28.98% 0.0585 253.65) 96.2%, oklch(27.98% 0.0535 252.34) 97.5%, oklch(27.10% 0.0491 251.22) 98.7%, oklch(26.38% 0.0455 250.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.045 | 250.3 |
| 2 | 0.547 | 0.215 | 263 |
| 3 | 0.606 | 0.219 | 292.6 |
| 4 | 0.264 | 0.045 | 250.3 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)

## Other forms

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