# Violet blue glass lens

Tritone navy, purple and beige radial gradient with 40 colors: #121e37, #15213b, #172540, #1a2a46, #1d304d, #213654, #243d5c, #284364, #2d4a6c, #315074, #36567b, #3b5b82, #415e87, #47608b, #4d608d, #525e8c, #575b8a, #5c5785, #60527e, #634d76, #65496e, #674565, #68425d, #6a4155, #6c4150, #6f444c, #74484b, #7b4f4c, #845850, #8f6355, #9b705d, #a77f66, #b58e70, #c29f7c, #cfaf88, #dbbf94, #e6cea0, #f0dcab, #f7e7b5, #fdf0bd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone navy, purple and beige radial gradient
- Seed: `kUPSW7vhu_jmWTZ5GMlg`
- Page: https://grabient.com/kUPSW7vhu_jmWTZ5GMlg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.4 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 | `#121e37` | `oklch(24.02% 0.0510 263.67)` | Sombre Night | white, 16.5 to 1 |
| 2 | `#15213b` | `oklch(25.19% 0.0522 263.21)` | Cool Balaclavas Are Forever | white, 15.9 to 1 |
| 3 | `#172540` | `oklch(26.75% 0.0538 262.17)` | Cool Balaclavas Are Forever | white, 15.2 to 1 |
| 4 | `#1a2a46` | `oklch(28.63% 0.0558 260.73)` | Fainting Light | white, 14.3 to 1 |
| 5 | `#1d304d` | `oklch(30.75% 0.0581 259.05)` | Manganese Black | white, 13.3 to 1 |
| 6 | `#213654` | `oklch(33.04% 0.0605 257.30)` | Boatswain | white, 12.2 to 1 |
| 7 | `#243d5c` | `oklch(35.43% 0.0631 255.63)` | Nautilus | white, 11.1 to 1 |
| 8 | `#284364` | `oklch(37.85% 0.0656 254.23)` | Black Turmeric | white, 10 to 1 |
| 9 | `#2d4a6c` | `oklch(40.21% 0.0680 253.25)` | Blue Tang | white, 9.1 to 1 |
| 10 | `#315074` | `oklch(42.46% 0.0703 252.85)` | Airforce | white, 8.2 to 1 |
| 11 | `#36567b` | `oklch(44.52% 0.0723 253.22)` | Star Spangled | white, 7.5 to 1 |
| 12 | `#3b5b82` | `oklch(46.32% 0.0739 254.50)` | Pelagic | white, 7 to 1 |
| 13 | `#415e87` | `oklch(47.77% 0.0751 256.88)` | Functional Blue | white, 6.6 to 1 |
| 14 | `#47608b` | `oklch(48.82% 0.0758 260.50)` | Federal Blue | white, 6.3 to 1 |
| 15 | `#4d608d` | `oklch(49.33% 0.0759 265.58)` | Karmic Grape | white, 6.2 to 1 |
| 16 | `#525e8c` | `oklch(49.30% 0.0754 272.05)` | Karmic Grape | white, 6.2 to 1 |
| 17 | `#575b8a` | `oklch(48.84% 0.0746 279.72)` | Midnight Sea | white, 6.4 to 1 |
| 18 | `#5c5785` | `oklch(48.06% 0.0733 288.36)` | Mountain Iris | white, 6.6 to 1 |
| 19 | `#60527e` | `oklch(47.08% 0.0719 297.77)` | Purple Sky | white, 6.9 to 1 |
| 20 | `#634d76` | `oklch(46.01% 0.0702 307.75)` | Imperial Palace | white, 7.3 to 1 |
| 21 | `#65496e` | `oklch(44.95% 0.0684 318.07)` | Your Majesty | white, 7.7 to 1 |
| 22 | `#674565` | `oklch(44.03% 0.0667 328.54)` | Sultana | white, 8 to 1 |
| 23 | `#68425d` | `oklch(43.35% 0.0650 338.94)` | Grape Fizz | white, 8.2 to 1 |
| 24 | `#6a4155` | `oklch(43.02% 0.0634 349.06)` | Chilled Wine | white, 8.3 to 1 |
| 25 | `#6c4150` | `oklch(43.16% 0.0621 358.70)` | Chilled Wine | white, 8.3 to 1 |
| 26 | `#6f444c` | `oklch(43.87% 0.0612 7.65)` | Legal Ribbon | white, 8 to 1 |
| 27 | `#74484b` | `oklch(45.28% 0.0606 15.69)` | Formal Maroon | white, 7.5 to 1 |
| 28 | `#7b4f4c` | `oklch(47.50% 0.0605 23.23)` | Veil of Cinder | white, 6.8 to 1 |
| 29 | `#845850` | `oklch(50.52% 0.0605 30.77)` | Potter’s Rock | white, 6 to 1 |
| 30 | `#8f6355` | `oklch(54.18% 0.0609 38.25)` | Brown Thrush | white, 5.1 to 1 |
| 31 | `#9b705d` | `oklch(58.35% 0.0613 45.60)` | Mocha Mousse | black, 4.8 to 1 |
| 32 | `#a77f66` | `oklch(62.88% 0.0620 52.77)` | Medium Wood | black, 5.8 to 1 |
| 33 | `#b58e70` | `oklch(67.64% 0.0627 59.69)` | Dune Drift | black, 7 to 1 |
| 34 | `#c29f7c` | `oklch(72.47% 0.0635 66.31)` | Meringue Tips | black, 8.5 to 1 |
| 35 | `#cfaf88` | `oklch(77.25% 0.0644 72.55)` | Cracker Bitz | black, 10.1 to 1 |
| 36 | `#dbbf94` | `oklch(81.82% 0.0652 78.35)` | Del Sol Maize | black, 11.8 to 1 |
| 37 | `#e6cea0` | `oklch(86.05% 0.0659 83.66)` | Hazy Yellow | black, 13.7 to 1 |
| 38 | `#f0dcab` | `oklch(89.80% 0.0666 88.42)` | Brilliant Gold | black, 15.4 to 1 |
| 39 | `#f7e7b5` | `oklch(92.92% 0.0672 92.55)` | Tamale Maize | black, 17 to 1 |
| 40 | `#fdf0bd` | `oklch(95.28% 0.0675 96.00)` | Drop of Lemon | black, 18.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #121e37 0.0%, #15213b 2.6%, #172540 5.1%, #1a2a46 7.7%, #1d304d 10.3%, #213654 12.8%, #243d5c 15.4%, #284364 17.9%, #2d4a6c 20.5%, #315074 23.1%, #36567b 25.6%, #3b5b82 28.2%, #415e87 30.8%, #47608b 33.3%, #4d608d 35.9%, #525e8c 38.5%, #575b8a 41.0%, #5c5785 43.6%, #60527e 46.2%, #634d76 48.7%, #65496e 51.3%, #674565 53.8%, #68425d 56.4%, #6a4155 59.0%, #6c4150 61.5%, #6f444c 64.1%, #74484b 66.7%, #7b4f4c 69.2%, #845850 71.8%, #8f6355 74.4%, #9b705d 76.9%, #a77f66 79.5%, #b58e70 82.1%, #c29f7c 84.6%, #cfaf88 87.2%, #dbbf94 89.7%, #e6cea0 92.3%, #f0dcab 94.9%, #f7e7b5 97.4%, #fdf0bd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(24.02% 0.0510 263.67) 0.0%, oklch(25.19% 0.0522 263.21) 2.6%, oklch(26.75% 0.0538 262.17) 5.1%, oklch(28.63% 0.0558 260.73) 7.7%, oklch(30.75% 0.0581 259.05) 10.3%, oklch(33.04% 0.0605 257.30) 12.8%, oklch(35.43% 0.0631 255.63) 15.4%, oklch(37.85% 0.0656 254.23) 17.9%, oklch(40.21% 0.0680 253.25) 20.5%, oklch(42.46% 0.0703 252.85) 23.1%, oklch(44.52% 0.0723 253.22) 25.6%, oklch(46.32% 0.0739 254.50) 28.2%, oklch(47.77% 0.0751 256.88) 30.8%, oklch(48.82% 0.0758 260.50) 33.3%, oklch(49.33% 0.0759 265.58) 35.9%, oklch(49.30% 0.0754 272.05) 38.5%, oklch(48.84% 0.0746 279.72) 41.0%, oklch(48.06% 0.0733 288.36) 43.6%, oklch(47.08% 0.0719 297.77) 46.2%, oklch(46.01% 0.0702 307.75) 48.7%, oklch(44.95% 0.0684 318.07) 51.3%, oklch(44.03% 0.0667 328.54) 53.8%, oklch(43.35% 0.0650 338.94) 56.4%, oklch(43.02% 0.0634 349.06) 59.0%, oklch(43.16% 0.0621 358.70) 61.5%, oklch(43.87% 0.0612 7.65) 64.1%, oklch(45.28% 0.0606 15.69) 66.7%, oklch(47.50% 0.0605 23.23) 69.2%, oklch(50.52% 0.0605 30.77) 71.8%, oklch(54.18% 0.0609 38.25) 74.4%, oklch(58.35% 0.0613 45.60) 76.9%, oklch(62.88% 0.0620 52.77) 79.5%, oklch(67.64% 0.0627 59.69) 82.1%, oklch(72.47% 0.0635 66.31) 84.6%, oklch(77.25% 0.0644 72.55) 87.2%, oklch(81.82% 0.0652 78.35) 89.7%, oklch(86.05% 0.0659 83.66) 92.3%, oklch(89.80% 0.0666 88.42) 94.9%, oklch(92.92% 0.0672 92.55) 97.4%, oklch(95.28% 0.0675 96.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.051 | 263.7 |
| 2 | 0.488 | 0.076 | 260.5 |
| 3 | 0.453 | 0.061 | 375.7 |
| 4 | 0.953 | 0.068 | 456 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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