# Blue violet brooding orbit

Teal, purple, blue and brown radial gradient with 40 colors: #50915e, #3f8f63, #218d6a, #008773, #007f7b, #007780, #006e85, #00648b, #005995, #1c4ba0, #343e9c, #423396, #4a298f, #4f2289, #501f86, #501f85, #4d2187, #4a2589, #442a8d, #3e3190, #363792, #2d3d93, #244394, #1b4793, #164a92, #164b91, #1d4b90, #28498e, #33468b, #3d4186, #473d80, #4f3878, #55336d, #5a2f62, #5d2c56, #5f294b, #5f2740, #5f2637, #5d2630, #5c262a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, purple, blue and brown radial gradient
- Seed: `kUmEpqsDpRbWtO0sHU3g`
- Page: https://grabient.com/kUmEpqsDpRbWtO0sHU3g?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#50915e` | `oklch(59.84% 0.1020 149.77)` | Ineffable Forest | black, 5.5 to 1 |
| 2 | `#3f8f63` | `oklch(58.80% 0.1048 156.81)` | Illuminati Green | black, 5.3 to 1 |
| 3 | `#218d6a` | `oklch(57.40% 0.1086 166.25)` | Sea Swell | black, 5 to 1 |
| 4 | `#008773` | `oklch(55.72% 0.1028 177.63)` | Summer Turquoise | black, 4.7 to 1 |
| 5 | `#007f7b` | `oklch(53.82% 0.0928 190.51)` | Coelia Greenshade | white, 4.8 to 1 |
| 6 | `#007780` | `oklch(51.77% 0.0883 204.42)` | Hypnotic Sea | white, 5.3 to 1 |
| 7 | `#006e85` | `oklch(49.63% 0.0897 218.90)` | Amalfi | white, 5.9 to 1 |
| 8 | `#00648b` | `oklch(47.47% 0.0987 233.49)` | Reservoir | white, 6.5 to 1 |
| 9 | `#005995` | `oklch(45.36% 0.1213 247.73)` | Bandana | white, 7.3 to 1 |
| 10 | `#1c4ba0` | `oklch(43.36% 0.1470 261.13)` | Sea of Tears | white, 8.1 to 1 |
| 11 | `#343e9c` | `oklch(41.53% 0.1517 273.31)` | Liquid Denim | white, 9 to 1 |
| 12 | `#423396` | `oklch(39.96% 0.1555 283.77)` | Royal Wisteria | white, 9.8 to 1 |
| 13 | `#4a298f` | `oklch(38.69% 0.1583 292.06)` | Galactic Purple | white, 10.4 to 1 |
| 14 | `#4f2289` | `oklch(37.80% 0.1598 297.71)` | Occult | white, 10.9 to 1 |
| 15 | `#501f86` | `oklch(37.30% 0.1602 300.40)` | Occult | white, 11.1 to 1 |
| 16 | `#501f85` | `oklch(37.13% 0.1596 300.42)` | Occult | white, 11.2 to 1 |
| 17 | `#4d2187` | `oklch(37.24% 0.1581 298.23)` | Occult | white, 11.1 to 1 |
| 18 | `#4a2589` | `oklch(37.57% 0.1560 294.31)` | Occult | white, 10.9 to 1 |
| 19 | `#442a8d` | `oklch(38.08% 0.1533 289.13)` | Galactic Civilization | white, 10.6 to 1 |
| 20 | `#3e3190` | `oklch(38.71% 0.1501 283.15)` | Majestic Eggplant | white, 10.3 to 1 |
| 21 | `#363792` | `oklch(39.40% 0.1465 276.85)` | Perfect Dark | white, 9.9 to 1 |
| 22 | `#2d3d93` | `oklch(40.12% 0.1427 270.70)` | Navy Seal | white, 9.5 to 1 |
| 23 | `#244394` | `oklch(40.80% 0.1387 265.16)` | Cascade Twilight | white, 9.1 to 1 |
| 24 | `#1b4793` | `oklch(41.39% 0.1348 260.71)` | Cascade Twilight | white, 8.8 to 1 |
| 25 | `#164a92` | `oklch(41.85% 0.1309 257.83)` | Iron Blue | white, 8.6 to 1 |
| 26 | `#164b91` | `oklch(42.11% 0.1273 256.97)` | Iron Blue | white, 8.5 to 1 |
| 27 | `#1d4b90` | `oklch(42.13% 0.1240 258.61)` | Dancing Sea | white, 8.5 to 1 |
| 28 | `#28498e` | `oklch(41.92% 0.1208 262.88)` | Pacific Navy | white, 8.6 to 1 |
| 29 | `#33468b` | `oklch(41.55% 0.1172 269.33)` | Truth | white, 8.8 to 1 |
| 30 | `#3d4186` | `oklch(41.05% 0.1135 277.60)` | Queen of the Night Shift | white, 9 to 1 |
| 31 | `#473d80` | `oklch(40.45% 0.1096 287.30)` | Sage Violet | white, 9.3 to 1 |
| 32 | `#4f3878` | `oklch(39.77% 0.1057 298.05)` | Loden Purple | white, 9.7 to 1 |
| 33 | `#55336d` | `oklch(39.03% 0.1017 309.49)` | Purple Protégé | white, 10 to 1 |
| 34 | `#5a2f62` | `oklch(38.27% 0.0978 321.23)` | Imperial Purple | white, 10.3 to 1 |
| 35 | `#5d2c56` | `oklch(37.52% 0.0940 332.90)` | Japanese Violet | white, 10.7 to 1 |
| 36 | `#5f294b` | `oklch(36.78% 0.0905 344.12)` | Vistoris Lake | white, 11 to 1 |
| 37 | `#5f2740` | `oklch(36.10% 0.0873 354.51)` | Quills of Terico | white, 11.3 to 1 |
| 38 | `#5f2637` | `oklch(35.50% 0.0844 3.70)` | Wine Country | white, 11.5 to 1 |
| 39 | `#5d2630` | `oklch(35.01% 0.0819 11.31)` | Kuwazome Red | white, 11.7 to 1 |
| 40 | `#5c262a` | `oklch(34.65% 0.0799 16.97)` | Kuwazome Red | white, 11.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #50915e 0.0%, #3f8f63 2.6%, #218d6a 5.1%, #008773 7.7%, #007f7b 10.3%, #007780 12.8%, #006e85 15.4%, #00648b 17.9%, #005995 20.5%, #1c4ba0 23.1%, #343e9c 25.6%, #423396 28.2%, #4a298f 30.8%, #4f2289 33.3%, #501f86 35.9%, #501f85 38.5%, #4d2187 41.0%, #4a2589 43.6%, #442a8d 46.2%, #3e3190 48.7%, #363792 51.3%, #2d3d93 53.8%, #244394 56.4%, #1b4793 59.0%, #164a92 61.5%, #164b91 64.1%, #1d4b90 66.7%, #28498e 69.2%, #33468b 71.8%, #3d4186 74.4%, #473d80 76.9%, #4f3878 79.5%, #55336d 82.1%, #5a2f62 84.6%, #5d2c56 87.2%, #5f294b 89.7%, #5f2740 92.3%, #5f2637 94.9%, #5d2630 97.4%, #5c262a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.84% 0.1020 149.77) 0.0%, oklch(58.80% 0.1048 156.81) 2.6%, oklch(57.40% 0.1086 166.25) 5.1%, oklch(55.72% 0.1028 177.63) 7.7%, oklch(53.82% 0.0928 190.51) 10.3%, oklch(51.77% 0.0883 204.42) 12.8%, oklch(49.63% 0.0897 218.90) 15.4%, oklch(47.47% 0.0987 233.49) 17.9%, oklch(45.36% 0.1213 247.73) 20.5%, oklch(43.36% 0.1470 261.13) 23.1%, oklch(41.53% 0.1517 273.31) 25.6%, oklch(39.96% 0.1555 283.77) 28.2%, oklch(38.69% 0.1583 292.06) 30.8%, oklch(37.80% 0.1598 297.71) 33.3%, oklch(37.30% 0.1602 300.40) 35.9%, oklch(37.13% 0.1596 300.42) 38.5%, oklch(37.24% 0.1581 298.23) 41.0%, oklch(37.57% 0.1560 294.31) 43.6%, oklch(38.08% 0.1533 289.13) 46.2%, oklch(38.71% 0.1501 283.15) 48.7%, oklch(39.40% 0.1465 276.85) 51.3%, oklch(40.12% 0.1427 270.70) 53.8%, oklch(40.80% 0.1387 265.16) 56.4%, oklch(41.39% 0.1348 260.71) 59.0%, oklch(41.85% 0.1309 257.83) 61.5%, oklch(42.11% 0.1273 256.97) 64.1%, oklch(42.13% 0.1240 258.61) 66.7%, oklch(41.92% 0.1208 262.88) 69.2%, oklch(41.55% 0.1172 269.33) 71.8%, oklch(41.05% 0.1135 277.60) 74.4%, oklch(40.45% 0.1096 287.30) 76.9%, oklch(39.77% 0.1057 298.05) 79.5%, oklch(39.03% 0.1017 309.49) 82.1%, oklch(38.27% 0.0978 321.23) 84.6%, oklch(37.52% 0.0940 332.90) 87.2%, oklch(36.78% 0.0905 344.12) 89.7%, oklch(36.10% 0.0873 354.51) 92.3%, oklch(35.50% 0.0844 3.70) 94.9%, oklch(35.01% 0.0819 11.31) 97.4%, oklch(34.65% 0.0799 16.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.102 | 149.8 |
| 2 | 0.378 | 0.16 | 297.7 |
| 3 | 0.421 | 0.124 | 258.6 |
| 4 | 0.346 | 0.08 | 377 |

## In these collections

- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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