# Muted rainbow from blue to navy radial gradient

Muted rainbow from blue to navy radial gradient with 40 colors: #4f909c, #498090, #43687d, #3a4e63, #2d3545, #1f202b, #121117, #0a090d, #09080c, #101018, #1c2130, #273d50, #2d5f6f, #348382, #51a284, #7bb475, #a0b45a, #bca535, #cd8910, #ce6620, #c1433e, #a92555, #8e0d65, #750171, #64047a, #5a0f7e, #561a80, #552380, #572c7f, #58337d, #57397a, #523b76, #4a3b70, #403967, #34355c, #2a2f4f, #202a43, #192437, #141f2d, #121c27. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYnDKWEQPKN0pq-wwKyM6M85wJuk`
- Page: https://grabient.com/kYnDKWEQPKN0pq-wwKyM6M85wJuk?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#4f909c` | `oklch(61.42% 0.0689 210.94)` | Adrift | black, 5.7 to 1 |
| 2 | `#498090` | `oklch(56.83% 0.0630 219.66)` | Casual Blue | black, 4.7 to 1 |
| 3 | `#43687d` | `oklch(49.87% 0.0539 233.26)` | Ocean Storm | white, 5.9 to 1 |
| 4 | `#3a4e63` | `oklch(41.53% 0.0430 249.60)` | Blue Hue | white, 8.5 to 1 |
| 5 | `#2d3545` | `oklch(32.80% 0.0316 266.48)` | Pacific Line | white, 12.3 to 1 |
| 6 | `#1f202b` | `oklch(24.66% 0.0213 281.77)` | Black Howl | white, 16.2 to 1 |
| 7 | `#121117` | `oklch(18.09% 0.0133 293.28)` | Kettle Black | white, 18.8 to 1 |
| 8 | `#0a090d` | `oklch(14.08% 0.0092 298.86)` | Existential Angst | white, 19.9 to 1 |
| 9 | `#09080c` | `oklch(13.64% 0.0103 296.37)` | Reversed Grey | white, 20 to 1 |
| 10 | `#101018` | `oklch(17.60% 0.0171 285.61)` | Midnight Edition | white, 18.9 to 1 |
| 11 | `#1c2130` | `oklch(25.13% 0.0284 268.34)` | Black Howl | white, 15.9 to 1 |
| 12 | `#273d50` | `oklch(34.95% 0.0430 246.21)` | Asurmen Blue Wash | white, 11.2 to 1 |
| 13 | `#2d5f6f` | `oklch(45.77% 0.0594 220.86)` | Flowing River | white, 7 to 1 |
| 14 | `#348382` | `oklch(56.31% 0.0765 193.95)` | Nero’s Green | black, 4.7 to 1 |
| 15 | `#51a284` | `oklch(65.30% 0.0928 167.13)` | Inspiration Peak | black, 6.8 to 1 |
| 16 | `#7bb475` | `oklch(71.44% 0.1072 142.04)` | Faded Green | black, 8.6 to 1 |
| 17 | `#a0b45a` | `oklch(73.57% 0.1188 119.82)` | Greasy Green Beans | black, 9.2 to 1 |
| 18 | `#bca535` | `oklch(72.18% 0.1302 96.96)` | Pickle Juice | black, 8.5 to 1 |
| 19 | `#cd8910` | `oklch(68.22% 0.1417 73.19)` | Lobster Butter Sauce | black, 7.1 to 1 |
| 20 | `#ce6620` | `oklch(62.53% 0.1526 49.33)` | Solar Ash | black, 5.5 to 1 |
| 21 | `#c1433e` | `oklch(55.95% 0.1624 26.23)` | Ablaze | white, 5 to 1 |
| 22 | `#a92555` | `oklch(49.32% 0.1703 4.73)` | Primal Red | white, 6.7 to 1 |
| 23 | `#8e0d65` | `oklch(43.47% 0.1757 345.68)` | Cardinal Pink | white, 8.7 to 1 |
| 24 | `#750171` | `oklch(39.24% 0.1779 329.91)` | Pure Purple | white, 10.5 to 1 |
| 25 | `#64047a` | `oklch(37.20% 0.1762 318.29)` | Zeus Purple | white, 11.3 to 1 |
| 26 | `#5a0f7e` | `oklch(36.60% 0.1703 310.91)` | Velvet Vortex | white, 11.6 to 1 |
| 27 | `#561a80` | `oklch(36.98% 0.1610 306.83)` | Kalish Violet | white, 11.3 to 1 |
| 28 | `#552380` | `oklch(37.97% 0.1493 305.02)` | Kalish Violet | white, 10.7 to 1 |
| 29 | `#572c7f` | `oklch(39.21% 0.1362 304.47)` | Regalia | white, 10.1 to 1 |
| 30 | `#58337d` | `oklch(40.33% 0.1227 304.17)` | Foggy Amethyst | white, 9.6 to 1 |
| 31 | `#57397a` | `oklch(40.96% 0.1098 303.09)` | Loden Purple | white, 9.2 to 1 |
| 32 | `#523b76` | `oklch(40.73% 0.0985 300.23)` | Loden Purple | white, 9.3 to 1 |
| 33 | `#4a3b70` | `oklch(39.43% 0.0885 295.17)` | Meteorite | white, 9.7 to 1 |
| 34 | `#403967` | `oklch(37.33% 0.0780 288.92)` | American Blue | white, 10.5 to 1 |
| 35 | `#34355c` | `oklch(34.68% 0.0675 281.95)` | Very Blue | white, 11.6 to 1 |
| 36 | `#2a2f4f` | `oklch(31.75% 0.0572 274.71)` | Tropical Night Blue | white, 12.9 to 1 |
| 37 | `#202a43` | `oklch(28.77% 0.0476 267.64)` | Eternal Darkness | white, 14.2 to 1 |
| 38 | `#192437` | `oklch(25.99% 0.0389 261.16)` | Kon | white, 15.5 to 1 |
| 39 | `#141f2d` | `oklch(23.67% 0.0317 255.74)` | Hēi Sè Black | white, 16.5 to 1 |
| 40 | `#121c27` | `oklch(22.05% 0.0262 251.80)` | Coarse Wool | white, 17.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4f909c 0.0%, #498090 2.6%, #43687d 5.1%, #3a4e63 7.7%, #2d3545 10.3%, #1f202b 12.8%, #121117 15.4%, #0a090d 17.9%, #09080c 20.5%, #101018 23.1%, #1c2130 25.6%, #273d50 28.2%, #2d5f6f 30.8%, #348382 33.3%, #51a284 35.9%, #7bb475 38.5%, #a0b45a 41.0%, #bca535 43.6%, #cd8910 46.2%, #ce6620 48.7%, #c1433e 51.3%, #a92555 53.8%, #8e0d65 56.4%, #750171 59.0%, #64047a 61.5%, #5a0f7e 64.1%, #561a80 66.7%, #552380 69.2%, #572c7f 71.8%, #58337d 74.4%, #57397a 76.9%, #523b76 79.5%, #4a3b70 82.1%, #403967 84.6%, #34355c 87.2%, #2a2f4f 89.7%, #202a43 92.3%, #192437 94.9%, #141f2d 97.4%, #121c27 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0689 210.94) 0.0%, oklch(56.83% 0.0630 219.66) 2.6%, oklch(49.87% 0.0539 233.26) 5.1%, oklch(41.53% 0.0430 249.60) 7.7%, oklch(32.80% 0.0316 266.48) 10.3%, oklch(24.66% 0.0213 281.77) 12.8%, oklch(18.09% 0.0133 293.28) 15.4%, oklch(14.08% 0.0092 298.86) 17.9%, oklch(13.64% 0.0103 296.37) 20.5%, oklch(17.60% 0.0171 285.61) 23.1%, oklch(25.13% 0.0284 268.34) 25.6%, oklch(34.95% 0.0430 246.21) 28.2%, oklch(45.77% 0.0594 220.86) 30.8%, oklch(56.31% 0.0765 193.95) 33.3%, oklch(65.30% 0.0928 167.13) 35.9%, oklch(71.44% 0.1072 142.04) 38.5%, oklch(73.57% 0.1188 119.82) 41.0%, oklch(72.18% 0.1302 96.96) 43.6%, oklch(68.22% 0.1417 73.19) 46.2%, oklch(62.53% 0.1526 49.33) 48.7%, oklch(55.95% 0.1624 26.23) 51.3%, oklch(49.32% 0.1703 4.73) 53.8%, oklch(43.47% 0.1757 345.68) 56.4%, oklch(39.24% 0.1779 329.91) 59.0%, oklch(37.20% 0.1762 318.29) 61.5%, oklch(36.60% 0.1703 310.91) 64.1%, oklch(36.98% 0.1610 306.83) 66.7%, oklch(37.97% 0.1493 305.02) 69.2%, oklch(39.21% 0.1362 304.47) 71.8%, oklch(40.33% 0.1227 304.17) 74.4%, oklch(40.96% 0.1098 303.09) 76.9%, oklch(40.73% 0.0985 300.23) 79.5%, oklch(39.43% 0.0885 295.17) 82.1%, oklch(37.33% 0.0780 288.92) 84.6%, oklch(34.68% 0.0675 281.95) 87.2%, oklch(31.75% 0.0572 274.71) 89.7%, oklch(28.77% 0.0476 267.64) 92.3%, oklch(25.99% 0.0389 261.16) 94.9%, oklch(23.67% 0.0317 255.74) 97.4%, oklch(22.05% 0.0262 251.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.069 | 210.9 |
| 2 | 0.134 | 0.01 | 297.6 |
| 3 | 0.732 | 0.114 | 128.5 |
| 4 | 0.382 | 0.178 | -35.3 |
| 5 | 0.406 | 0.096 | -60.6 |
| 6 | 0.22 | 0.026 | -108.2 |

## Other forms

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