# Blue, purple, gray and brown radial gradient

Blue, purple, gray and brown radial gradient with 56 colors: #417992, #407692, #407292, #3f6e91, #406890, #41638f, #435d8d, #47578b, #4a5188, #4f4b86, #544783, #5a4382, #614080, #6b3c7d, #753878, #813471, #8d3068, #972d5d, #a12c52, #a92c48, #b02f40, #b5343e, #b93a43, #bb4251, #bc4d63, #bb5a79, #b8688e, #b276a0, #ac85ae, #a691b5, #a29cb7, #a2a4b5, #a4a8b1, #a5a9ae, #a3a8ab, #9da5a9, #93a2a4, #869e9d, #799991, #6f9381, #6a8c6c, #698356, #6c7840, #706d2d, #71631f, #705a17, #6c5015, #664816, #5e4018, #553a1a, #4b331b, #422e1c, #39291c, #31251c, #2a221b, #251f1b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYizOjN6VIMQ7SZdAzDv6AtZ8Euw`
- Page: https://grabient.com/kYizOjN6VIMQ7SZdAzDv6AtZ8Euw?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 6.8 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 | `#417992` | `oklch(54.72% 0.0703 229.22)` | Jelly Bean | white, 4.8 to 1 |
| 2 | `#407692` | `oklch(54.06% 0.0719 232.90)` | Harbour Blue | white, 4.9 to 1 |
| 3 | `#407292` | `oklch(53.11% 0.0737 237.50)` | Harbour Blue | white, 5.1 to 1 |
| 4 | `#3f6e91` | `oklch(51.95% 0.0759 242.90)` | Big Sur Blue Jade | white, 5.4 to 1 |
| 5 | `#406890` | `oklch(50.65% 0.0782 248.96)` | Snake River | white, 5.8 to 1 |
| 6 | `#41638f` | `oklch(49.28% 0.0809 255.55)` | Blue Beret | white, 6.1 to 1 |
| 7 | `#435d8d` | `oklch(47.92% 0.0838 262.55)` | Anchor Point | white, 6.6 to 1 |
| 8 | `#47578b` | `oklch(46.64% 0.0870 269.81)` | Baby Whale | white, 7 to 1 |
| 9 | `#4a5188` | `oklch(45.50% 0.0904 277.22)` | Twilight | white, 7.4 to 1 |
| 10 | `#4f4b86` | `oklch(44.58% 0.0940 284.63)` | Spirit Dance | white, 7.7 to 1 |
| 11 | `#544783` | `oklch(43.96% 0.0979 291.93)` | Gigas | white, 8 to 1 |
| 12 | `#5a4382` | `oklch(43.70% 0.1020 298.96)` | Cyber Grape | white, 8.2 to 1 |
| 13 | `#614080` | `oklch(43.77% 0.1072 306.71)` | Dark Pansy | white, 8.2 to 1 |
| 14 | `#6b3c7d` | `oklch(44.09% 0.1141 315.87)` | Dark Pansy | white, 8.1 to 1 |
| 15 | `#753878` | `oklch(44.61% 0.1222 325.95)` | Eminence | white, 8 to 1 |
| 16 | `#813471` | `oklch(45.33% 0.1309 336.46)` | Veronica Purple | white, 7.8 to 1 |
| 17 | `#8d3068` | `oklch(46.21% 0.1397 346.90)` | Beetiful Magenta | white, 7.6 to 1 |
| 18 | `#972d5d` | `oklch(47.23% 0.1479 356.77)` | Thorne Wines | white, 7.3 to 1 |
| 19 | `#a12c52` | `oklch(48.36% 0.1552 5.58)` | Cherries Jubilee | white, 7 to 1 |
| 20 | `#a92c48` | `oklch(49.58% 0.1608 12.84)` | Mad About You | white, 6.6 to 1 |
| 21 | `#b02f40` | `oklch(50.87% 0.1643 18.05)` | Planet Fever | white, 6.3 to 1 |
| 22 | `#b5343e` | `oklch(52.20% 0.1651 20.71)` | Bloodsport | white, 5.9 to 1 |
| 23 | `#b93a43` | `oklch(53.54% 0.1626 20.33)` | Pomegranate | white, 5.6 to 1 |
| 24 | `#bb4251` | `oklch(55.12% 0.1558 16.74)` | Thai Spice | white, 5.2 to 1 |
| 25 | `#bc4d63` | `oklch(57.10% 0.1445 10.35)` | Popstar | white, 4.7 to 1 |
| 26 | `#bb5a79` | `oklch(59.36% 0.1297 1.57)` | Tutti Frutti | black, 4.8 to 1 |
| 27 | `#b8688e` | `oklch(61.78% 0.1124 350.79)` | Malevolent Mauve | black, 5.3 to 1 |
| 28 | `#b276a0` | `oklch(64.24% 0.0938 338.44)` | Victorian Violet | black, 6 to 1 |
| 29 | `#ac85ae` | `oklch(66.63% 0.0747 324.90)` | Dusty Lavender | black, 6.6 to 1 |
| 30 | `#a691b5` | `oklch(68.82% 0.0562 310.57)` | Gleeful Joy | black, 7.3 to 1 |
| 31 | `#a29cb7` | `oklch(70.69% 0.0393 295.87)` | Logan | black, 7.9 to 1 |
| 32 | `#a2a4b5` | `oklch(72.13% 0.0250 281.20)` | Great Falls | black, 8.4 to 1 |
| 33 | `#a4a8b1` | `oklch(73.01% 0.0143 266.95)` | Mischka | black, 8.7 to 1 |
| 34 | `#a5a9ae` | `oklch(73.23% 0.0083 253.52)` | Chrome Aluminium | black, 8.8 to 1 |
| 35 | `#a3a8ab` | `oklch(72.74% 0.0073 239.98)` | Crown of Ash | black, 8.7 to 1 |
| 36 | `#9da5a9` | `oklch(71.65% 0.0106 225.33)` | Rainmaster | black, 8.3 to 1 |
| 37 | `#93a2a4` | `oklch(70.05% 0.0174 209.89)` | Cape Cod Blue | black, 7.9 to 1 |
| 38 | `#869e9d` | `oklch(68.04% 0.0266 193.98)` | Agave | black, 7.3 to 1 |
| 39 | `#799991` | `oklch(65.70% 0.0375 177.94)` | Secluded Garden | black, 6.7 to 1 |
| 40 | `#6f9381` | `oklch(63.14% 0.0492 162.09)` | Grandview | black, 6.1 to 1 |
| 41 | `#6a8c6c` | `oklch(60.43% 0.0607 146.76)` | Slate Green | black, 5.5 to 1 |
| 42 | `#698356` | `oklch(57.67% 0.0713 132.27)` | Tee Off | black, 4.9 to 1 |
| 43 | `#6c7840` | `oklch(54.95% 0.0800 118.95)` | Swamp Shrub | white, 4.7 to 1 |
| 44 | `#706d2d` | `oklch(52.36% 0.0859 107.13)` | Aged Mustard Green | white, 5.3 to 1 |
| 45 | `#71631f` | `oklch(50.00% 0.0882 97.12)` | Spicy Mustard | white, 5.9 to 1 |
| 46 | `#705a17` | `oklch(47.67% 0.0869 88.90)` | Hot Mustard | white, 6.6 to 1 |
| 47 | `#6c5015` | `oklch(45.14% 0.0829 82.06)` | Field Drab | white, 7.4 to 1 |
| 48 | `#664816` | `oklch(42.50% 0.0767 76.46)` | Very Coffee | white, 8.3 to 1 |
| 49 | `#5e4018` | `oklch(39.79% 0.0689 71.92)` | Pullman Brown | white, 9.4 to 1 |
| 50 | `#553a1a` | `oklch(37.09% 0.0600 68.28)` | Clove Yellow Brown | white, 10.5 to 1 |
| 51 | `#4b331b` | `oklch(34.44% 0.0505 65.37)` | Bavarian Sweet Mustard | white, 11.6 to 1 |
| 52 | `#422e1c` | `oklch(31.93% 0.0409 63.02)` | Iroko | white, 12.8 to 1 |
| 53 | `#39291c` | `oklch(29.61% 0.0318 61.06)` | Tree House | white, 13.9 to 1 |
| 54 | `#31251c` | `oklch(27.54% 0.0237 59.34)` | Wood Bark | white, 14.8 to 1 |
| 55 | `#2a221b` | `oklch(25.78% 0.0170 57.68)` | Weathervane | white, 15.6 to 1 |
| 56 | `#251f1b` | `oklch(24.41% 0.0124 55.91)` | Velvet Black | white, 16.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #417992 0.0%, #407692 1.8%, #407292 3.6%, #3f6e91 5.5%, #406890 7.3%, #41638f 9.1%, #435d8d 10.9%, #47578b 12.7%, #4a5188 14.5%, #4f4b86 16.4%, #544783 18.2%, #5a4382 20.0%, #614080 21.8%, #6b3c7d 23.6%, #753878 25.5%, #813471 27.3%, #8d3068 29.1%, #972d5d 30.9%, #a12c52 32.7%, #a92c48 34.5%, #b02f40 36.4%, #b5343e 38.2%, #b93a43 40.0%, #bb4251 41.8%, #bc4d63 43.6%, #bb5a79 45.5%, #b8688e 47.3%, #b276a0 49.1%, #ac85ae 50.9%, #a691b5 52.7%, #a29cb7 54.5%, #a2a4b5 56.4%, #a4a8b1 58.2%, #a5a9ae 60.0%, #a3a8ab 61.8%, #9da5a9 63.6%, #93a2a4 65.5%, #869e9d 67.3%, #799991 69.1%, #6f9381 70.9%, #6a8c6c 72.7%, #698356 74.5%, #6c7840 76.4%, #706d2d 78.2%, #71631f 80.0%, #705a17 81.8%, #6c5015 83.6%, #664816 85.5%, #5e4018 87.3%, #553a1a 89.1%, #4b331b 90.9%, #422e1c 92.7%, #39291c 94.5%, #31251c 96.4%, #2a221b 98.2%, #251f1b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(54.72% 0.0703 229.22) 0.0%, oklch(54.06% 0.0719 232.90) 1.8%, oklch(53.11% 0.0737 237.50) 3.6%, oklch(51.95% 0.0759 242.90) 5.5%, oklch(50.65% 0.0782 248.96) 7.3%, oklch(49.28% 0.0809 255.55) 9.1%, oklch(47.92% 0.0838 262.55) 10.9%, oklch(46.64% 0.0870 269.81) 12.7%, oklch(45.50% 0.0904 277.22) 14.5%, oklch(44.58% 0.0940 284.63) 16.4%, oklch(43.96% 0.0979 291.93) 18.2%, oklch(43.70% 0.1020 298.96) 20.0%, oklch(43.77% 0.1072 306.71) 21.8%, oklch(44.09% 0.1141 315.87) 23.6%, oklch(44.61% 0.1222 325.95) 25.5%, oklch(45.33% 0.1309 336.46) 27.3%, oklch(46.21% 0.1397 346.90) 29.1%, oklch(47.23% 0.1479 356.77) 30.9%, oklch(48.36% 0.1552 5.58) 32.7%, oklch(49.58% 0.1608 12.84) 34.5%, oklch(50.87% 0.1643 18.05) 36.4%, oklch(52.20% 0.1651 20.71) 38.2%, oklch(53.54% 0.1626 20.33) 40.0%, oklch(55.12% 0.1558 16.74) 41.8%, oklch(57.10% 0.1445 10.35) 43.6%, oklch(59.36% 0.1297 1.57) 45.5%, oklch(61.78% 0.1124 350.79) 47.3%, oklch(64.24% 0.0938 338.44) 49.1%, oklch(66.63% 0.0747 324.90) 50.9%, oklch(68.82% 0.0562 310.57) 52.7%, oklch(70.69% 0.0393 295.87) 54.5%, oklch(72.13% 0.0250 281.20) 56.4%, oklch(73.01% 0.0143 266.95) 58.2%, oklch(73.23% 0.0083 253.52) 60.0%, oklch(72.74% 0.0073 239.98) 61.8%, oklch(71.65% 0.0106 225.33) 63.6%, oklch(70.05% 0.0174 209.89) 65.5%, oklch(68.04% 0.0266 193.98) 67.3%, oklch(65.70% 0.0375 177.94) 69.1%, oklch(63.14% 0.0492 162.09) 70.9%, oklch(60.43% 0.0607 146.76) 72.7%, oklch(57.67% 0.0713 132.27) 74.5%, oklch(54.95% 0.0800 118.95) 76.4%, oklch(52.36% 0.0859 107.13) 78.2%, oklch(50.00% 0.0882 97.12) 80.0%, oklch(47.67% 0.0869 88.90) 81.8%, oklch(45.14% 0.0829 82.06) 83.6%, oklch(42.50% 0.0767 76.46) 85.5%, oklch(39.79% 0.0689 71.92) 87.3%, oklch(37.09% 0.0600 68.28) 89.1%, oklch(34.44% 0.0505 65.37) 90.9%, oklch(31.93% 0.0409 63.02) 92.7%, oklch(29.61% 0.0318 61.06) 94.5%, oklch(27.54% 0.0237 59.34) 96.4%, oklch(25.78% 0.0170 57.68) 98.2%, oklch(24.41% 0.0124 55.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.07 | 229.2 |
| 2 | 0.437 | 0.102 | 299 |
| 3 | 0.535 | 0.163 | 380.3 |
| 4 | 0.732 | 0.008 | 253.5 |
| 5 | 0.5 | 0.088 | 97.1 |
| 6 | 0.244 | 0.012 | 55.9 |

## Other forms

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