# Blue orange muted blue gradient

Tritone blue, purple and brown linear gradient with 48 colors: #21568a, #29558c, #32558d, #3b548f, #445390, #4e5191, #575090, #614f8f, #6a4e8c, #734c88, #7b4c83, #834b7d, #8a4b76, #904c6f, #954d68, #9a4e61, #9d515a, #9f5354, #a1564e, #a2594a, #a35b47, #a45e45, #a46044, #a56245, #a66347, #a7654a, #a8654f, #a96654, #aa665b, #aa6762, #aa686a, #a96973, #a76a7b, #a46c83, #a16e8b, #9d7193, #987499, #93769e, #8d79a3, #887ca6, #827fa7, #7d82a8, #7984a8, #7586a8, #7388a6, #708aa5, #6f8ba4, #6e8ca3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone blue, purple and brown linear gradient
- Seed: `kScUqyyCNSE-RrK`
- Page: https://grabient.com/kScUqyyCNSE-RrK?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#21568a` | `oklch(44.49% 0.1020 251.02)` | Strong Will | white, 7.5 to 1 |
| 2 | `#29558c` | `oklch(44.77% 0.1019 254.82)` | Flashy Sapphire | white, 7.5 to 1 |
| 3 | `#32558d` | `oklch(45.11% 0.1018 259.65)` | Glimpse of Void | white, 7.4 to 1 |
| 4 | `#3b548f` | `oklch(45.50% 0.1018 265.38)` | Demon Blue | white, 7.3 to 1 |
| 5 | `#445390` | `oklch(45.93% 0.1019 271.92)` | Demon Blue | white, 7.2 to 1 |
| 6 | `#4e5191` | `oklch(46.39% 0.1019 279.15)` | Twilight | white, 7.1 to 1 |
| 7 | `#575090` | `oklch(46.89% 0.1020 286.96)` | Purple Corallite | white, 7 to 1 |
| 8 | `#614f8f` | `oklch(47.42% 0.1021 295.25)` | Purple Corallite | white, 6.9 to 1 |
| 9 | `#6a4e8c` | `oklch(47.98% 0.1021 303.91)` | Zimidar | white, 6.8 to 1 |
| 10 | `#734c88` | `oklch(48.56% 0.1022 312.83)` | Grapes of Italy | white, 6.7 to 1 |
| 11 | `#7b4c83` | `oklch(49.15% 0.1022 321.89)` | Vibrant Orchid | white, 6.5 to 1 |
| 12 | `#834b7d` | `oklch(49.76% 0.1022 331.01)` | Thistle Mauve | white, 6.4 to 1 |
| 13 | `#8a4b76` | `oklch(50.38% 0.1022 340.05)` | Graphic Grape | white, 6.2 to 1 |
| 14 | `#904c6f` | `oklch(51.00% 0.1021 348.92)` | Goddess of Dawn | white, 6 to 1 |
| 15 | `#954d68` | `oklch(51.62% 0.1020 357.51)` | Glitterati | white, 5.9 to 1 |
| 16 | `#9a4e61` | `oklch(52.23% 0.1018 5.71)` | Baby Berries | white, 5.7 to 1 |
| 17 | `#9d515a` | `oklch(52.84% 0.1016 13.40)` | Cuban Rhythm | white, 5.6 to 1 |
| 18 | `#9f5354` | `oklch(53.44% 0.1012 20.49)` | Bravado Red | white, 5.4 to 1 |
| 19 | `#a1564e` | `oklch(54.01% 0.1008 26.86)` | Bravado Red | white, 5.3 to 1 |
| 20 | `#a2594a` | `oklch(54.57% 0.1003 32.41)` | Cajun Red | white, 5.1 to 1 |
| 21 | `#a35b47` | `oklch(55.10% 0.0996 37.02)` | Sierra | white, 5 to 1 |
| 22 | `#a45e45` | `oklch(55.60% 0.0989 40.59)` | Sierra | white, 4.9 to 1 |
| 23 | `#a46044` | `oklch(56.07% 0.0980 43.01)` | Borneo | white, 4.8 to 1 |
| 24 | `#a56245` | `oklch(56.49% 0.0970 44.17)` | Borneo | white, 4.7 to 1 |
| 25 | `#a66347` | `oklch(56.88% 0.0959 43.97)` | Borneo | white, 4.6 to 1 |
| 26 | `#a7654a` | `oklch(57.26% 0.0945 42.38)` | Toffee Glaze | white, 4.5 to 1 |
| 27 | `#a8654f` | `oklch(57.62% 0.0929 39.53)` | Ruddy Oak | black, 4.6 to 1 |
| 28 | `#a96654` | `oklch(57.97% 0.0911 35.51)` | Soho Red | black, 4.7 to 1 |
| 29 | `#aa665b` | `oklch(58.31% 0.0892 30.44)` | Brick Dust | black, 4.7 to 1 |
| 30 | `#aa6762` | `oklch(58.63% 0.0871 24.44)` | Melon Twist | black, 4.8 to 1 |
| 31 | `#aa686a` | `oklch(58.95% 0.0849 17.60)` | Spanish Rose Shadow | black, 4.8 to 1 |
| 32 | `#a96973` | `oklch(59.25% 0.0826 10.04)` | Berry Crush | black, 4.9 to 1 |
| 33 | `#a76a7b` | `oklch(59.54% 0.0801 1.87)` | Black Elder | black, 5 to 1 |
| 34 | `#a46c83` | `oklch(59.82% 0.0777 353.20)` | Pink Jazz | black, 5 to 1 |
| 35 | `#a16e8b` | `oklch(60.09% 0.0752 344.15)` | Pink Jazz | black, 5.1 to 1 |
| 36 | `#9d7193` | `oklch(60.35% 0.0726 334.81)` | Rebel Rouser | black, 5.2 to 1 |
| 37 | `#987499` | `oklch(60.59% 0.0701 325.32)` | Rebel Rouser | black, 5.2 to 1 |
| 38 | `#93769e` | `oklch(60.83% 0.0676 315.76)` | Diffused Orchid | black, 5.3 to 1 |
| 39 | `#8d79a3` | `oklch(61.05% 0.0651 306.26)` | Pickled Purple | black, 5.4 to 1 |
| 40 | `#887ca6` | `oklch(61.27% 0.0627 296.93)` | Second Pour | black, 5.4 to 1 |
| 41 | `#827fa7` | `oklch(61.47% 0.0604 287.87)` | Roseine Plum | black, 5.5 to 1 |
| 42 | `#7d82a8` | `oklch(61.66% 0.0582 279.20)` | Romanesque | black, 5.6 to 1 |
| 43 | `#7984a8` | `oklch(61.84% 0.0561 271.03)` | Enchanting Sky | black, 5.6 to 1 |
| 44 | `#7586a8` | `oklch(62.02% 0.0541 263.47)` | Enchanting Sky | black, 5.7 to 1 |
| 45 | `#7388a6` | `oklch(62.18% 0.0523 256.62)` | Faded Denim | black, 5.8 to 1 |
| 46 | `#708aa5` | `oklch(62.33% 0.0508 250.61)` | Stormy Strait Grey | black, 5.8 to 1 |
| 47 | `#6f8ba4` | `oklch(62.47% 0.0494 245.53)` | Stormy Strait Grey | black, 5.9 to 1 |
| 48 | `#6e8ca3` | `oklch(62.60% 0.0482 241.50)` | Bermuda Grey | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #21568a 0.0%, #29558c 2.1%, #32558d 4.3%, #3b548f 6.4%, #445390 8.5%, #4e5191 10.6%, #575090 12.8%, #614f8f 14.9%, #6a4e8c 17.0%, #734c88 19.1%, #7b4c83 21.3%, #834b7d 23.4%, #8a4b76 25.5%, #904c6f 27.7%, #954d68 29.8%, #9a4e61 31.9%, #9d515a 34.0%, #9f5354 36.2%, #a1564e 38.3%, #a2594a 40.4%, #a35b47 42.6%, #a45e45 44.7%, #a46044 46.8%, #a56245 48.9%, #a66347 51.1%, #a7654a 53.2%, #a8654f 55.3%, #a96654 57.4%, #aa665b 59.6%, #aa6762 61.7%, #aa686a 63.8%, #a96973 66.0%, #a76a7b 68.1%, #a46c83 70.2%, #a16e8b 72.3%, #9d7193 74.5%, #987499 76.6%, #93769e 78.7%, #8d79a3 80.9%, #887ca6 83.0%, #827fa7 85.1%, #7d82a8 87.2%, #7984a8 89.4%, #7586a8 91.5%, #7388a6 93.6%, #708aa5 95.7%, #6f8ba4 97.9%, #6e8ca3 100.0%);
background: linear-gradient(45deg in oklch, oklch(44.49% 0.1020 251.02) 0.0%, oklch(44.77% 0.1019 254.82) 2.1%, oklch(45.11% 0.1018 259.65) 4.3%, oklch(45.50% 0.1018 265.38) 6.4%, oklch(45.93% 0.1019 271.92) 8.5%, oklch(46.39% 0.1019 279.15) 10.6%, oklch(46.89% 0.1020 286.96) 12.8%, oklch(47.42% 0.1021 295.25) 14.9%, oklch(47.98% 0.1021 303.91) 17.0%, oklch(48.56% 0.1022 312.83) 19.1%, oklch(49.15% 0.1022 321.89) 21.3%, oklch(49.76% 0.1022 331.01) 23.4%, oklch(50.38% 0.1022 340.05) 25.5%, oklch(51.00% 0.1021 348.92) 27.7%, oklch(51.62% 0.1020 357.51) 29.8%, oklch(52.23% 0.1018 5.71) 31.9%, oklch(52.84% 0.1016 13.40) 34.0%, oklch(53.44% 0.1012 20.49) 36.2%, oklch(54.01% 0.1008 26.86) 38.3%, oklch(54.57% 0.1003 32.41) 40.4%, oklch(55.10% 0.0996 37.02) 42.6%, oklch(55.60% 0.0989 40.59) 44.7%, oklch(56.07% 0.0980 43.01) 46.8%, oklch(56.49% 0.0970 44.17) 48.9%, oklch(56.88% 0.0959 43.97) 51.1%, oklch(57.26% 0.0945 42.38) 53.2%, oklch(57.62% 0.0929 39.53) 55.3%, oklch(57.97% 0.0911 35.51) 57.4%, oklch(58.31% 0.0892 30.44) 59.6%, oklch(58.63% 0.0871 24.44) 61.7%, oklch(58.95% 0.0849 17.60) 63.8%, oklch(59.25% 0.0826 10.04) 66.0%, oklch(59.54% 0.0801 1.87) 68.1%, oklch(59.82% 0.0777 353.20) 70.2%, oklch(60.09% 0.0752 344.15) 72.3%, oklch(60.35% 0.0726 334.81) 74.5%, oklch(60.59% 0.0701 325.32) 76.6%, oklch(60.83% 0.0676 315.76) 78.7%, oklch(61.05% 0.0651 306.26) 80.9%, oklch(61.27% 0.0627 296.93) 83.0%, oklch(61.47% 0.0604 287.87) 85.1%, oklch(61.66% 0.0582 279.20) 87.2%, oklch(61.84% 0.0561 271.03) 89.4%, oklch(62.02% 0.0541 263.47) 91.5%, oklch(62.18% 0.0523 256.62) 93.6%, oklch(62.33% 0.0508 250.61) 95.7%, oklch(62.47% 0.0494 245.53) 97.9%, oklch(62.60% 0.0482 241.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.102 | 251 |
| 2 | 0.567 | 0.096 | 404.2 |
| 3 | 0.626 | 0.048 | 241.5 |

## In these collections

- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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