# Faded Teal Rust Halo

Light blue, purple, brown and navy radial gradient with 32 colors: #a8bec9, #9dbcca, #8cbbcb, #75bac9, #5bb8c6, #3fb4c4, #26afc6, #2fa7cc, #519bd1, #728ecd, #8b81bd, #9978a6, #9f7191, #a06b7e, #a0666a, #9d6155, #985e40, #925c2b, #8b5918, #885409, #884d05, #894313, #893927, #85313b, #7c2e4d, #6f2e5b, #5d3064, #483465, #34365f, #263753, #203646, #1f343e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, purple, brown and navy radial gradient
- Seed: `kYyBWjWCm-EwaT4_pcnNCg16eLsm`
- Page: https://grabient.com/kYyBWjWCm-EwaT4_pcnNCg16eLsm?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 6.7 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 | `#a8bec9` | `oklch(78.74% 0.0289 229.22)` | Juliet Blue | black, 10.8 to 1 |
| 2 | `#9dbcca` | `oklch(77.75% 0.0393 225.95)` | Evocative Blue | black, 10.5 to 1 |
| 3 | `#8cbbcb` | `oklch(76.39% 0.0547 220.06)` | Blue Echo | black, 10 to 1 |
| 4 | `#75bac9` | `oklch(74.78% 0.0725 213.63)` | Azure Lake | black, 9.5 to 1 |
| 5 | `#5bb8c6` | `oklch(73.03% 0.0900 208.71)` | Shinbashi | black, 9 to 1 |
| 6 | `#3fb4c4` | `oklch(71.26% 0.1046 207.36)` | Utopia Beckons | black, 8.5 to 1 |
| 7 | `#26afc6` | `oklch(69.60% 0.1135 211.65)` | Havasupai Falls | black, 8 to 1 |
| 8 | `#2fa7cc` | `oklch(68.07% 0.1146 223.52)` | Reboot | black, 7.5 to 1 |
| 9 | `#519bd1` | `oklch(66.56% 0.1091 242.36)` | Blue Iguana | black, 6.9 to 1 |
| 10 | `#728ecd` | `oklch(65.05% 0.0996 265.69)` | Organza Violet | black, 6.4 to 1 |
| 11 | `#8b81bd` | `oklch(63.53% 0.0887 291.07)` | Bravo! | black, 5.9 to 1 |
| 12 | `#9978a6` | `oklch(62.00% 0.0788 316.00)` | Pishposh | black, 5.5 to 1 |
| 13 | `#9f7191` | `oklch(60.46% 0.0726 338.02)` | Drama Queen | black, 5.2 to 1 |
| 14 | `#a06b7e` | `oklch(58.90% 0.0719 356.17)` | Penelope Pink | black, 4.8 to 1 |
| 15 | `#a0666a` | `oklch(57.31% 0.0752 14.61)` | Spring Rosewood | black, 4.5 to 1 |
| 16 | `#9d6155` | `oklch(55.70% 0.0810 32.49)` | Copper Brown | white, 4.8 to 1 |
| 17 | `#985e40` | `oklch(54.09% 0.0880 48.30)` | Harrison Rust | white, 5.2 to 1 |
| 18 | `#925c2b` | `oklch(52.49% 0.0951 60.54)` | Afghan Carpet | white, 5.5 to 1 |
| 19 | `#8b5918` | `oklch(50.92% 0.1009 67.70)` | Grizzly | white, 5.9 to 1 |
| 20 | `#885409` | `oklch(49.40% 0.1047 68.29)` | Caffeinated Cinnamon | white, 6.3 to 1 |
| 21 | `#884d05` | `oklch(47.92% 0.1083 61.81)` | Brown Eyed Girl | white, 6.7 to 1 |
| 22 | `#894313` | `oklch(46.47% 0.1117 49.79)` | Sis Kebab | white, 7.2 to 1 |
| 23 | `#893927` | `oklch(45.04% 0.1143 33.99)` | Rustica | white, 7.8 to 1 |
| 24 | `#85313b` | `oklch(43.61% 0.1152 16.14)` | Blood Oath | white, 8.3 to 1 |
| 25 | `#7c2e4d` | `oklch(42.15% 0.1137 357.98)` | Flirt | white, 8.9 to 1 |
| 26 | `#6f2e5b` | `oklch(40.63% 0.1090 341.11)` | Pretty in Prune | white, 9.5 to 1 |
| 27 | `#5d3064` | `oklch(38.94% 0.0992 322.45)` | Imperial Purple | white, 10.1 to 1 |
| 28 | `#483465` | `oklch(37.11% 0.0855 301.46)` | Petunia | white, 10.7 to 1 |
| 29 | `#34365f` | `oklch(35.28% 0.0698 279.93)` | Very Blue | white, 11.3 to 1 |
| 30 | `#263753` | `oklch(33.58% 0.0542 259.69)` | Cool Air of Debonair | white, 11.9 to 1 |
| 31 | `#203646` | `oklch(32.14% 0.0408 242.53)` | Into the Night | white, 12.5 to 1 |
| 32 | `#1f343e` | `oklch(31.10% 0.0317 230.28)` | Blue Whale | white, 13 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a8bec9 0.0%, #9dbcca 3.2%, #8cbbcb 6.5%, #75bac9 9.7%, #5bb8c6 12.9%, #3fb4c4 16.1%, #26afc6 19.4%, #2fa7cc 22.6%, #519bd1 25.8%, #728ecd 29.0%, #8b81bd 32.3%, #9978a6 35.5%, #9f7191 38.7%, #a06b7e 41.9%, #a0666a 45.2%, #9d6155 48.4%, #985e40 51.6%, #925c2b 54.8%, #8b5918 58.1%, #885409 61.3%, #884d05 64.5%, #894313 67.7%, #893927 71.0%, #85313b 74.2%, #7c2e4d 77.4%, #6f2e5b 80.6%, #5d3064 83.9%, #483465 87.1%, #34365f 90.3%, #263753 93.5%, #203646 96.8%, #1f343e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.0289 229.22) 0.0%, oklch(77.75% 0.0393 225.95) 3.2%, oklch(76.39% 0.0547 220.06) 6.5%, oklch(74.78% 0.0725 213.63) 9.7%, oklch(73.03% 0.0900 208.71) 12.9%, oklch(71.26% 0.1046 207.36) 16.1%, oklch(69.60% 0.1135 211.65) 19.4%, oklch(68.07% 0.1146 223.52) 22.6%, oklch(66.56% 0.1091 242.36) 25.8%, oklch(65.05% 0.0996 265.69) 29.0%, oklch(63.53% 0.0887 291.07) 32.3%, oklch(62.00% 0.0788 316.00) 35.5%, oklch(60.46% 0.0726 338.02) 38.7%, oklch(58.90% 0.0719 356.17) 41.9%, oklch(57.31% 0.0752 14.61) 45.2%, oklch(55.70% 0.0810 32.49) 48.4%, oklch(54.09% 0.0880 48.30) 51.6%, oklch(52.49% 0.0951 60.54) 54.8%, oklch(50.92% 0.1009 67.70) 58.1%, oklch(49.40% 0.1047 68.29) 61.3%, oklch(47.92% 0.1083 61.81) 64.5%, oklch(46.47% 0.1117 49.79) 67.7%, oklch(45.04% 0.1143 33.99) 71.0%, oklch(43.61% 0.1152 16.14) 74.2%, oklch(42.15% 0.1137 357.98) 77.4%, oklch(40.63% 0.1090 341.11) 80.6%, oklch(38.94% 0.0992 322.45) 83.9%, oklch(37.11% 0.0855 301.46) 87.1%, oklch(35.28% 0.0698 279.93) 90.3%, oklch(33.58% 0.0542 259.69) 93.5%, oklch(32.14% 0.0408 242.53) 96.8%, oklch(31.10% 0.0317 230.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.029 | 229.2 |
| 2 | 0.693 | 0.114 | 213.4 |
| 3 | 0.598 | 0.072 | 345.5 |
| 4 | 0.5 | 0.103 | 428.9 |
| 5 | 0.409 | 0.11 | 344.4 |
| 6 | 0.311 | 0.032 | 230.3 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)

## Other forms

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