# Blue and silver iridescent glass interface palette

The Blue and silver iridescent glass interface palette brings together blue, light teal, gray, red, and purple. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light teal.

- Also called: Blue and gray radial gradient
- Seed: `kanVuwWaA9l6OvBYh7Oyw04DwPty3n7qA`
- Page: https://grabient.com/kanVuwWaA9l6OvBYh7Oyw04DwPty3n7qA?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#3e8bcd` | `oklch(61.81% 0.1254 247.50)` | Magical Merlin | black, 5.7 to 1 |
| 2 | `#4190cd` | `oklch(63.01% 0.1207 245.07)` | Magical Merlin | black, 6 to 1 |
| 3 | `#4696ce` | `oklch(64.75% 0.1142 241.77)` | Perfect Sky | black, 6.5 to 1 |
| 4 | `#4d9dce` | `oklch(66.73% 0.1065 237.76)` | Blue Iguana | black, 7 to 1 |
| 5 | `#56a5cd` | `oklch(68.67% 0.0981 233.21)` | First Landing | black, 7.6 to 1 |
| 6 | `#5eaacb` | `oklch(70.26% 0.0896 228.27)` | Frozen Wave | black, 8.1 to 1 |
| 7 | `#67aec8` | `oklch(71.47% 0.0807 223.63)` | Blue Topaz | black, 8.4 to 1 |
| 8 | `#72b1c5` | `oklch(72.57% 0.0707 219.61)` | Delicate Girl Blue | black, 8.8 to 1 |
| 9 | `#7db3c1` | `oklch(73.48% 0.0604 214.97)` | Heavenly | black, 9.1 to 1 |
| 10 | `#86b5bc` | `oklch(74.13% 0.0506 208.46)` | Kitchen Blue | black, 9.3 to 1 |
| 11 | `#8db5b6` | `oklch(74.41% 0.0423 198.80)` | Eyefull | black, 9.4 to 1 |
| 12 | `#93b3ae` | `oklch(74.27% 0.0358 184.50)` | Lake Forest | black, 9.3 to 1 |
| 13 | `#99b0a5` | `oklch(73.73% 0.0304 165.19)` | Lovage Green | black, 9.1 to 1 |
| 14 | `#9eac9d` | `oklch(72.87% 0.0260 143.11)` | Green Balsam | black, 8.8 to 1 |
| 15 | `#a1a696` | `oklch(71.75% 0.0229 120.58)` | Coastal Plain | black, 8.4 to 1 |
| 16 | `#a2a092` | `oklch(70.41% 0.0211 99.96)` | Pussywillow Grey | black, 8 to 1 |
| 17 | `#a19a8d` | `oklch(68.89% 0.0208 83.23)` | Grey Flanks | black, 7.5 to 1 |
| 18 | `#9f9387` | `oklch(67.07% 0.0228 69.29)` | Chatura Beige | black, 7 to 1 |
| 19 | `#9c8b80` | `oklch(64.99% 0.0263 56.95)` | Ruins of Metal | black, 6.4 to 1 |
| 20 | `#99837a` | `oklch(62.78% 0.0303 45.25)` | Flower Wood | black, 5.8 to 1 |
| 21 | `#957b75` | `oklch(60.53% 0.0340 33.21)` | Antler | black, 5.3 to 1 |
| 22 | `#907372` | `oklch(58.31% 0.0364 19.91)` | Bitter Briar | black, 4.8 to 1 |
| 23 | `#886b71` | `oklch(55.89% 0.0373 5.26)` | Punctuate | white, 4.7 to 1 |
| 24 | `#7e6470` | `oklch(53.34% 0.0374 350.03)` | Cabal | white, 5.3 to 1 |
| 25 | `#745e6e` | `oklch(50.87% 0.0379 334.99)` | Banished Brown | white, 5.8 to 1 |
| 26 | `#6a586d` | `oklch(48.69% 0.0396 320.95)` | Antique Grey | white, 6.4 to 1 |
| 27 | `#62546e` | `oklch(47.00% 0.0436 308.63)` | Rich Texture | white, 6.9 to 1 |
| 28 | `#5b5271` | `oklch(45.81% 0.0510 297.46)` | Exotic Evening | white, 7.3 to 1 |
| 29 | `#535076` | `oklch(44.99% 0.0608 287.16)` | Perpetual Purple | white, 7.5 to 1 |
| 30 | `#4b4f7b` | `oklch(44.44% 0.0712 278.09)` | Provocative | white, 7.7 to 1 |
| 31 | `#42507f` | `oklch(44.04% 0.0805 270.62)` | Blue Jewel | white, 7.8 to 1 |
| 32 | `#3a5082` | `oklch(43.70% 0.0868 265.11)` | Fun Blue | white, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3e8bcd 0.0%, #4190cd 3.2%, #4696ce 6.5%, #4d9dce 9.7%, #56a5cd 12.9%, #5eaacb 16.1%, #67aec8 19.4%, #72b1c5 22.6%, #7db3c1 25.8%, #86b5bc 29.0%, #8db5b6 32.3%, #93b3ae 35.5%, #99b0a5 38.7%, #9eac9d 41.9%, #a1a696 45.2%, #a2a092 48.4%, #a19a8d 51.6%, #9f9387 54.8%, #9c8b80 58.1%, #99837a 61.3%, #957b75 64.5%, #907372 67.7%, #886b71 71.0%, #7e6470 74.2%, #745e6e 77.4%, #6a586d 80.6%, #62546e 83.9%, #5b5271 87.1%, #535076 90.3%, #4b4f7b 93.5%, #42507f 96.8%, #3a5082 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.81% 0.1254 247.50) 0.0%, oklch(63.01% 0.1207 245.07) 3.2%, oklch(64.75% 0.1142 241.77) 6.5%, oklch(66.73% 0.1065 237.76) 9.7%, oklch(68.67% 0.0981 233.21) 12.9%, oklch(70.26% 0.0896 228.27) 16.1%, oklch(71.47% 0.0807 223.63) 19.4%, oklch(72.57% 0.0707 219.61) 22.6%, oklch(73.48% 0.0604 214.97) 25.8%, oklch(74.13% 0.0506 208.46) 29.0%, oklch(74.41% 0.0423 198.80) 32.3%, oklch(74.27% 0.0358 184.50) 35.5%, oklch(73.73% 0.0304 165.19) 38.7%, oklch(72.87% 0.0260 143.11) 41.9%, oklch(71.75% 0.0229 120.58) 45.2%, oklch(70.41% 0.0211 99.96) 48.4%, oklch(68.89% 0.0208 83.23) 51.6%, oklch(67.07% 0.0228 69.29) 54.8%, oklch(64.99% 0.0263 56.95) 58.1%, oklch(62.78% 0.0303 45.25) 61.3%, oklch(60.53% 0.0340 33.21) 64.5%, oklch(58.31% 0.0364 19.91) 67.7%, oklch(55.89% 0.0373 5.26) 71.0%, oklch(53.34% 0.0374 350.03) 74.2%, oklch(50.87% 0.0379 334.99) 77.4%, oklch(48.69% 0.0396 320.95) 80.6%, oklch(47.00% 0.0436 308.63) 83.9%, oklch(45.81% 0.0510 297.46) 87.1%, oklch(44.99% 0.0608 287.16) 90.3%, oklch(44.44% 0.0712 278.09) 93.5%, oklch(44.04% 0.0805 270.62) 96.8%, oklch(43.70% 0.0868 265.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.125 | 247.5 |
| 2 | 0.705 | 0.088 | 227.4 |
| 3 | 0.744 | 0.04 | 194.7 |
| 4 | 0.697 | 0.021 | 91.1 |
| 5 | 0.591 | 0.036 | 24.5 |
| 6 | 0.472 | 0.043 | -49.4 |
| 7 | 0.437 | 0.087 | -94.9 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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