# Turquoise Orchid Halo

Navy, teal, light blue and purple linear gradient with 32 colors: #020b1e, #031024, #04162b, #051e34, #07283f, #08324a, #083e55, #074a61, #04576c, #006778, #007a84, #038e8e, #1da295, #31b49c, #3cc4a4, #38cfaf, #00d6c0, #00d3da, #00cbfa, #70b8ff, #97a2ff, #ba80ff, #d067d9, #d255b6, #c54aa1, #ab4195, #89398b, #65327d, #432b6a, #282354, #151c3f, #0a1630. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, teal, light blue and purple linear gradient
- Seed: `kWJyC4NJu72MxunQxVMGhQ3A`
- Page: https://grabient.com/kWJyC4NJu72MxunQxVMGhQ3A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 10.5 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 | `#020b1e` | `oklch(15.35% 0.0441 258.75)` | Melanophobia | white, 19.6 to 1 |
| 2 | `#031024` | `oklch(17.36% 0.0464 256.04)` | Kuretake Black Manga | white, 19 to 1 |
| 3 | `#04162b` | `oklch(19.95% 0.0493 252.51)` | Squid’s Ink | white, 18.1 to 1 |
| 4 | `#051e34` | `oklch(23.04% 0.0527 248.32)` | Cyanophobia | white, 16.8 to 1 |
| 5 | `#07283f` | `oklch(26.51% 0.0567 243.61)` | Murky Depths | white, 15.2 to 1 |
| 6 | `#08324a` | `oklch(30.28% 0.0611 238.53)` | Halite Blue | white, 13.3 to 1 |
| 7 | `#083e55` | `oklch(34.24% 0.0660 233.23)` | Duskwood | white, 11.5 to 1 |
| 8 | `#074a61` | `oklch(38.29% 0.0714 227.86)` | Swallow Blue | white, 9.7 to 1 |
| 9 | `#04576c` | `oklch(42.38% 0.0773 222.45)` | Sea Creature | white, 8.1 to 1 |
| 10 | `#006778` | `oklch(47.20% 0.0833 214.79)` | Bankson Lake | white, 6.5 to 1 |
| 11 | `#007a84` | `oklch(52.73% 0.0900 205.01)` | Mediterranean Cove | white, 5.1 to 1 |
| 12 | `#038e8e` | `oklch(58.55% 0.0995 194.57)` | Forever Teal | black, 5.2 to 1 |
| 13 | `#1da295` | `oklch(64.30% 0.1079 184.89)` | Tyrolite Blue-Green | black, 6.6 to 1 |
| 14 | `#31b49c` | `oklch(69.56% 0.1163 177.38)` | Green Blue | black, 8.1 to 1 |
| 15 | `#3cc4a4` | `oklch(73.93% 0.1247 173.45)` | Jadeite | black, 9.6 to 1 |
| 16 | `#38cfaf` | `oklch(77.01% 0.1326 174.53)` | Mint Leaf | black, 10.7 to 1 |
| 17 | `#00d6c0` | `oklch(78.51% 0.1403 182.39)` | Turquoise Panic | black, 11.3 to 1 |
| 18 | `#00d3da` | `oklch(78.78% 0.1339 199.15)` | Aztec Turquoise | black, 11.3 to 1 |
| 19 | `#00cbfa` | `oklch(78.04% 0.1447 222.48)` | Bright Sky Blue | black, 10.9 to 1 |
| 20 | `#70b8ff` | `oklch(76.43% 0.1257 249.50)` | French Sky Blue | black, 9.9 to 1 |
| 21 | `#97a2ff` | `oklch(74.11% 0.1347 277.37)` | Widowmaker | black, 8.9 to 1 |
| 22 | `#ba80ff` | `oklch(71.22% 0.1844 303.20)` | Lilac Geode | black, 7.6 to 1 |
| 23 | `#d067d9` | `oklch(67.90% 0.1923 324.14)` | Blueberry Glaze | black, 6.6 to 1 |
| 24 | `#d255b6` | `oklch(64.31% 0.1913 337.32)` | Pú Táo Zǐ Purple | black, 5.7 to 1 |
| 25 | `#c54aa1` | `oklch(60.17% 0.1840 340.83)` | Rose Violet | black, 4.8 to 1 |
| 26 | `#ab4195` | `oklch(54.77% 0.1698 336.66)` | Purple Cactus Flower | white, 5.3 to 1 |
| 27 | `#89398b` | `oklch(48.51% 0.1507 326.87)` | Purple Sultan | white, 6.9 to 1 |
| 28 | `#65327d` | `oklch(41.86% 0.1288 313.48)` | Galactic Grapevine | white, 9 to 1 |
| 29 | `#432b6a` | `oklch(35.27% 0.1062 298.49)` | Her Highness | white, 11.6 to 1 |
| 30 | `#282354` | `oklch(29.20% 0.0850 283.92)` | Pāua | white, 14.3 to 1 |
| 31 | `#151c3f` | `oklch(24.11% 0.0673 271.76)` | Nightwalker | white, 16.5 to 1 |
| 32 | `#0a1630` | `oklch(20.47% 0.0551 264.03)` | Liberty Blue | white, 17.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #020b1e 0.0%, #031024 3.2%, #04162b 6.5%, #051e34 9.7%, #07283f 12.9%, #08324a 16.1%, #083e55 19.4%, #074a61 22.6%, #04576c 25.8%, #006778 29.0%, #007a84 32.3%, #038e8e 35.5%, #1da295 38.7%, #31b49c 41.9%, #3cc4a4 45.2%, #38cfaf 48.4%, #00d6c0 51.6%, #00d3da 54.8%, #00cbfa 58.1%, #70b8ff 61.3%, #97a2ff 64.5%, #ba80ff 67.7%, #d067d9 71.0%, #d255b6 74.2%, #c54aa1 77.4%, #ab4195 80.6%, #89398b 83.9%, #65327d 87.1%, #432b6a 90.3%, #282354 93.5%, #151c3f 96.8%, #0a1630 100.0%);
background: linear-gradient(135deg in oklch, oklch(15.35% 0.0441 258.75) 0.0%, oklch(17.36% 0.0464 256.04) 3.2%, oklch(19.95% 0.0493 252.51) 6.5%, oklch(23.04% 0.0527 248.32) 9.7%, oklch(26.51% 0.0567 243.61) 12.9%, oklch(30.28% 0.0611 238.53) 16.1%, oklch(34.24% 0.0660 233.23) 19.4%, oklch(38.29% 0.0714 227.86) 22.6%, oklch(42.38% 0.0773 222.45) 25.8%, oklch(47.20% 0.0833 214.79) 29.0%, oklch(52.73% 0.0900 205.01) 32.3%, oklch(58.55% 0.0995 194.57) 35.5%, oklch(64.30% 0.1079 184.89) 38.7%, oklch(69.56% 0.1163 177.38) 41.9%, oklch(73.93% 0.1247 173.45) 45.2%, oklch(77.01% 0.1326 174.53) 48.4%, oklch(78.51% 0.1403 182.39) 51.6%, oklch(78.78% 0.1339 199.15) 54.8%, oklch(78.04% 0.1447 222.48) 58.1%, oklch(76.43% 0.1257 249.50) 61.3%, oklch(74.11% 0.1347 277.37) 64.5%, oklch(71.22% 0.1844 303.20) 67.7%, oklch(67.90% 0.1923 324.14) 71.0%, oklch(64.31% 0.1913 337.32) 74.2%, oklch(60.17% 0.1840 340.83) 77.4%, oklch(54.77% 0.1698 336.66) 80.6%, oklch(48.51% 0.1507 326.87) 83.9%, oklch(41.86% 0.1288 313.48) 87.1%, oklch(35.27% 0.1062 298.49) 90.3%, oklch(29.20% 0.0850 283.92) 93.5%, oklch(24.11% 0.0673 271.76) 96.8%, oklch(20.47% 0.0551 264.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.154 | 0.044 | 258.8 |
| 2 | 0.413 | 0.076 | 223.9 |
| 3 | 0.78 | 0.136 | 177.4 |
| 4 | 0.634 | 0.19 | 339.1 |
| 5 | 0.205 | 0.055 | 264 |

## In these collections

- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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