# Iris Blue Halo

This radial gradient moves from the center outward through pale cyan, vivid blue, vivid cyan, deep teal, violet, deep cyan, cyan, and pale violet. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Light blue, purple, black and lavender linear gradient
- Seed: `kY0T20zcpELwcNsvQ0onQ62-mnSi`
- Page: https://grabient.com/kY0T20zcpELwcNsvQ0onQ62-mnSi?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.2 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 | `#9fc8fb` | `oklch(82.28% 0.0841 253.83)` | Apocyan | black, 12.1 to 1 |
| 2 | `#97bffe` | `oklch(79.98% 0.0993 258.82)` | Truesky Gloxym | black, 11.2 to 1 |
| 3 | `#91b1ff` | `oklch(76.73% 0.1180 266.74)` | Kitten’s Eye | black, 9.9 to 1 |
| 4 | `#8f9eff` | `oklch(72.91% 0.1410 275.73)` | Periwinkle Blue | black, 8.5 to 1 |
| 5 | `#9089ff` | `oklch(68.88% 0.1700 283.90)` | Lavender Blue Shadow | black, 7.1 to 1 |
| 6 | `#9074fc` | `oklch(64.99% 0.1944 289.38)` | Forgotten Purple | black, 6 to 1 |
| 7 | `#8866f4` | `oklch(61.61% 0.2037 290.29)` | Purple Anemone | black, 5.2 to 1 |
| 8 | `#7463eb` | `oklch(58.85% 0.1980 284.15)` | If I Could Fly | black, 4.7 to 1 |
| 9 | `#5069dc` | `oklch(56.37% 0.1782 270.73)` | Thick Blue | white, 4.7 to 1 |
| 10 | `#1f6fc3` | `oklch(54.09% 0.1503 253.44)` | Indigo Carmine | white, 5 to 1 |
| 11 | `#0071a0` | `oklch(51.98% 0.1115 235.78)` | Cat’s Purr | white, 5.4 to 1 |
| 12 | `#006e88` | `oklch(49.97% 0.0918 221.20)` | Private Eye | white, 5.8 to 1 |
| 13 | `#126978` | `oklch(48.02% 0.0792 213.19)` | Cotton Indigo | white, 6.3 to 1 |
| 14 | `#086374` | `oklch(46.13% 0.0794 215.22)` | Green Spool | white, 6.8 to 1 |
| 15 | `#005c79` | `oklch(44.45% 0.0862 227.40)` | Gulf Coast | white, 7.4 to 1 |
| 16 | `#005387` | `oklch(42.91% 0.1097 245.72)` | Dark Denim | white, 8 to 1 |
| 17 | `#264399` | `oklch(41.40% 0.1454 266.07)` | Space Explorer | white, 8.9 to 1 |
| 18 | `#432e9c` | `oklch(39.84% 0.1690 284.42)` | Galactic Purple | white, 9.9 to 1 |
| 19 | `#511996` | `oklch(38.14% 0.1832 296.61)` | Eggplant Tint | white, 10.9 to 1 |
| 20 | `#4e0d8d` | `oklch(36.06% 0.1820 298.64)` | Indigo Girls | white, 11.9 to 1 |
| 21 | `#391280` | `oklch(32.61% 0.1649 289.89)` | Pixie Powder | white, 13.3 to 1 |
| 22 | `#1b196b` | `oklch(28.39% 0.1372 274.17)` | 20000 Leagues Under the Sea | white, 15 to 1 |
| 23 | `#001f46` | `oklch(24.42% 0.0827 255.79)` | Oxford Blue | white, 16.3 to 1 |
| 24 | `#001c2d` | `oklch(21.65% 0.0484 238.55)` | Oxford by Night | white, 17.3 to 1 |
| 25 | `#001c27` | `oklch(21.07% 0.0405 226.51)` | Oxford by Night | white, 17.5 to 1 |
| 26 | `#05222c` | `oklch(23.68% 0.0390 223.56)` | Crow Feather | white, 16.4 to 1 |
| 27 | `#183340` | `oklch(30.72% 0.0407 231.02)` | Blue Whale | white, 13.1 to 1 |
| 28 | `#334e65` | `oklch(41.16% 0.0510 245.43)` | Outer Space | white, 8.7 to 1 |
| 29 | `#596c94` | `oklch(53.31% 0.0663 263.66)` | Emerald-Crested Manakin | white, 5.2 to 1 |
| 30 | `#898ac2` | `oklch(65.48% 0.0832 282.56)` | Pleated Mauve | black, 6.4 to 1 |
| 31 | `#b9a3e7` | `oklch(75.96% 0.0981 299.00)` | Enchanted Lavender | black, 9.4 to 1 |
| 32 | `#ddb4fc` | `oklch(83.07% 0.1075 309.84)` | Light Violet | black, 12 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9fc8fb 0.0%, #97bffe 3.2%, #91b1ff 6.5%, #8f9eff 9.7%, #9089ff 12.9%, #9074fc 16.1%, #8866f4 19.4%, #7463eb 22.6%, #5069dc 25.8%, #1f6fc3 29.0%, #0071a0 32.3%, #006e88 35.5%, #126978 38.7%, #086374 41.9%, #005c79 45.2%, #005387 48.4%, #264399 51.6%, #432e9c 54.8%, #511996 58.1%, #4e0d8d 61.3%, #391280 64.5%, #1b196b 67.7%, #001f46 71.0%, #001c2d 74.2%, #001c27 77.4%, #05222c 80.6%, #183340 83.9%, #334e65 87.1%, #596c94 90.3%, #898ac2 93.5%, #b9a3e7 96.8%, #ddb4fc 100.0%);
background: linear-gradient(135deg in oklch, oklch(82.28% 0.0841 253.83) 0.0%, oklch(79.98% 0.0993 258.82) 3.2%, oklch(76.73% 0.1180 266.74) 6.5%, oklch(72.91% 0.1410 275.73) 9.7%, oklch(68.88% 0.1700 283.90) 12.9%, oklch(64.99% 0.1944 289.38) 16.1%, oklch(61.61% 0.2037 290.29) 19.4%, oklch(58.85% 0.1980 284.15) 22.6%, oklch(56.37% 0.1782 270.73) 25.8%, oklch(54.09% 0.1503 253.44) 29.0%, oklch(51.98% 0.1115 235.78) 32.3%, oklch(49.97% 0.0918 221.20) 35.5%, oklch(48.02% 0.0792 213.19) 38.7%, oklch(46.13% 0.0794 215.22) 41.9%, oklch(44.45% 0.0862 227.40) 45.2%, oklch(42.91% 0.1097 245.72) 48.4%, oklch(41.40% 0.1454 266.07) 51.6%, oklch(39.84% 0.1690 284.42) 54.8%, oklch(38.14% 0.1832 296.61) 58.1%, oklch(36.06% 0.1820 298.64) 61.3%, oklch(32.61% 0.1649 289.89) 64.5%, oklch(28.39% 0.1372 274.17) 67.7%, oklch(24.42% 0.0827 255.79) 71.0%, oklch(21.65% 0.0484 238.55) 74.2%, oklch(21.07% 0.0405 226.51) 77.4%, oklch(23.68% 0.0390 223.56) 80.6%, oklch(30.72% 0.0407 231.02) 83.9%, oklch(41.16% 0.0510 245.43) 87.1%, oklch(53.31% 0.0663 263.66) 90.3%, oklch(65.48% 0.0832 282.56) 93.5%, oklch(75.96% 0.0981 299.00) 96.8%, oklch(83.07% 0.1075 309.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.084 | 253.8 |
| 2 | 0.61 | 0.204 | 289.8 |
| 3 | 0.472 | 0.077 | 212.6 |
| 4 | 0.37 | 0.185 | 299.3 |
| 5 | 0.228 | 0.04 | 223.2 |
| 6 | 0.831 | 0.107 | 309.8 |

## In these collections

- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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