# Indigo rust fabric medallion

Blue, maroon and purple radial gradient with 40 colors: #222a82, #212c83, #1f3083, #1c3383, #183883, #143c83, #104082, #0d4482, #0c4781, #104a81, #154d81, #1c4f82, #235083, #2b5184, #345185, #3f5087, #4b4e87, #574c86, #634a83, #6e477d, #774575, #7f446c, #854362, #894258, #8b4350, #8c434a, #8c4346, #8a4246, #884148, #85404c, #803e50, #7b3d56, #743c5b, #6c3b60, #643b64, #5c3b67, #543b69, #4c3b69, #463b69, #423b68. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, maroon and purple radial gradient
- Seed: `kUV2rBtyK-DykTmwm7VA`
- Page: https://grabient.com/kUV2rBtyK-DykTmwm7VA?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#222a82` | `oklch(34.25% 0.1461 272.11)` | St. Patrick’s Blue | white, 12.1 to 1 |
| 2 | `#212c83` | `oklch(34.66% 0.1437 271.03)` | Bavarian Blue | white, 11.9 to 1 |
| 3 | `#1f3083` | `oklch(35.19% 0.1405 269.16)` | Bavarian Blue | white, 11.6 to 1 |
| 4 | `#1c3383` | `oklch(35.82% 0.1366 266.70)` | Bavarian Blue | white, 11.2 to 1 |
| 5 | `#183883` | `oklch(36.53% 0.1323 263.86)` | Surf the Web | white, 10.9 to 1 |
| 6 | `#143c83` | `oklch(37.29% 0.1277 260.87)` | Mystery Oceans | white, 10.5 to 1 |
| 7 | `#104082` | `oklch(38.10% 0.1228 257.91)` | Bracing Blue | white, 10.1 to 1 |
| 8 | `#0d4482` | `oklch(38.92% 0.1178 255.22)` | Bridgeport | white, 9.7 to 1 |
| 9 | `#0c4781` | `oklch(39.76% 0.1130 252.99)` | Poster Blue | white, 9.3 to 1 |
| 10 | `#104a81` | `oklch(40.57% 0.1084 251.45)` | Dance Studio | white, 9 to 1 |
| 11 | `#154d81` | `oklch(41.35% 0.1041 250.79)` | Classic Blue | white, 8.6 to 1 |
| 12 | `#1c4f82` | `oklch(42.08% 0.1004 251.23)` | Lake Baikal | white, 8.4 to 1 |
| 13 | `#235083` | `oklch(42.74% 0.0973 252.98)` | Clear Night Sky | white, 8.2 to 1 |
| 14 | `#2b5184` | `oklch(43.31% 0.0951 256.26)` | Galaxy Blue | white, 8 to 1 |
| 15 | `#345185` | `oklch(43.83% 0.0937 261.73)` | Blue Quartz | white, 7.8 to 1 |
| 16 | `#3f5087` | `oklch(44.37% 0.0930 269.62)` | Dive In | white, 7.7 to 1 |
| 17 | `#4b4e87` | `oklch(44.91% 0.0928 279.45)` | Beaded Blue | white, 7.6 to 1 |
| 18 | `#574c86` | `oklch(45.44% 0.0932 290.73)` | Bright Eggplant | white, 7.5 to 1 |
| 19 | `#634a83` | `oklch(45.94% 0.0939 302.99)` | Violet Majesty | white, 7.4 to 1 |
| 20 | `#6e477d` | `oklch(46.41% 0.0949 315.75)` | Plum Jam | white, 7.3 to 1 |
| 21 | `#774575` | `oklch(46.83% 0.0960 328.54)` | Purple Passion | white, 7.2 to 1 |
| 22 | `#7f446c` | `oklch(47.19% 0.0971 340.86)` | Grape Kiss | white, 7.1 to 1 |
| 23 | `#854362` | `oklch(47.48% 0.0982 352.25)` | Grand Poobah | white, 7 to 1 |
| 24 | `#894258` | `oklch(47.68% 0.0990 2.22)` | Dark Earth | white, 7 to 1 |
| 25 | `#8b4350` | `oklch(47.78% 0.0995 10.29)` | Dark Earth | white, 6.9 to 1 |
| 26 | `#8c434a` | `oklch(47.77% 0.0996 15.99)` | Silk Satin | white, 6.9 to 1 |
| 27 | `#8c4346` | `oklch(47.64% 0.0992 18.84)` | Silk Satin | white, 6.9 to 1 |
| 28 | `#8a4246` | `oklch(47.34% 0.0982 18.65)` | Silk Satin | white, 7 to 1 |
| 29 | `#884148` | `oklch(46.85% 0.0969 15.82)` | Cordovan | white, 7.2 to 1 |
| 30 | `#85404c` | `oklch(46.20% 0.0952 10.77)` | Burnt Russet | white, 7.4 to 1 |
| 31 | `#803e50` | `oklch(45.44% 0.0933 3.92)` | Camelot | white, 7.6 to 1 |
| 32 | `#7b3d56` | `oklch(44.58% 0.0911 355.67)` | Red Jade | white, 7.9 to 1 |
| 33 | `#743c5b` | `oklch(43.66% 0.0889 346.44)` | Mystique Violet | white, 8.2 to 1 |
| 34 | `#6c3b60` | `oklch(42.71% 0.0866 336.65)` | Berry Light | white, 8.6 to 1 |
| 35 | `#643b64` | `oklch(41.76% 0.0843 326.69)` | Wine Tour | white, 8.9 to 1 |
| 36 | `#5c3b67` | `oklch(40.85% 0.0822 316.99)` | Purple Splendour | white, 9.2 to 1 |
| 37 | `#543b69` | `oklch(40.01% 0.0802 307.96)` | Succinct Violet | white, 9.5 to 1 |
| 38 | `#4c3b69` | `oklch(39.26% 0.0784 300.02)` | Meteorite | white, 9.7 to 1 |
| 39 | `#463b69` | `oklch(38.64% 0.0769 293.56)` | Meteorite | white, 10 to 1 |
| 40 | `#423b68` | `oklch(38.19% 0.0758 289.02)` | Opera Blue | white, 10.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #222a82 0.0%, #212c83 2.6%, #1f3083 5.1%, #1c3383 7.7%, #183883 10.3%, #143c83 12.8%, #104082 15.4%, #0d4482 17.9%, #0c4781 20.5%, #104a81 23.1%, #154d81 25.6%, #1c4f82 28.2%, #235083 30.8%, #2b5184 33.3%, #345185 35.9%, #3f5087 38.5%, #4b4e87 41.0%, #574c86 43.6%, #634a83 46.2%, #6e477d 48.7%, #774575 51.3%, #7f446c 53.8%, #854362 56.4%, #894258 59.0%, #8b4350 61.5%, #8c434a 64.1%, #8c4346 66.7%, #8a4246 69.2%, #884148 71.8%, #85404c 74.4%, #803e50 76.9%, #7b3d56 79.5%, #743c5b 82.1%, #6c3b60 84.6%, #643b64 87.2%, #5c3b67 89.7%, #543b69 92.3%, #4c3b69 94.9%, #463b69 97.4%, #423b68 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(34.25% 0.1461 272.11) 0.0%, oklch(34.66% 0.1437 271.03) 2.6%, oklch(35.19% 0.1405 269.16) 5.1%, oklch(35.82% 0.1366 266.70) 7.7%, oklch(36.53% 0.1323 263.86) 10.3%, oklch(37.29% 0.1277 260.87) 12.8%, oklch(38.10% 0.1228 257.91) 15.4%, oklch(38.92% 0.1178 255.22) 17.9%, oklch(39.76% 0.1130 252.99) 20.5%, oklch(40.57% 0.1084 251.45) 23.1%, oklch(41.35% 0.1041 250.79) 25.6%, oklch(42.08% 0.1004 251.23) 28.2%, oklch(42.74% 0.0973 252.98) 30.8%, oklch(43.31% 0.0951 256.26) 33.3%, oklch(43.83% 0.0937 261.73) 35.9%, oklch(44.37% 0.0930 269.62) 38.5%, oklch(44.91% 0.0928 279.45) 41.0%, oklch(45.44% 0.0932 290.73) 43.6%, oklch(45.94% 0.0939 302.99) 46.2%, oklch(46.41% 0.0949 315.75) 48.7%, oklch(46.83% 0.0960 328.54) 51.3%, oklch(47.19% 0.0971 340.86) 53.8%, oklch(47.48% 0.0982 352.25) 56.4%, oklch(47.68% 0.0990 2.22) 59.0%, oklch(47.78% 0.0995 10.29) 61.5%, oklch(47.77% 0.0996 15.99) 64.1%, oklch(47.64% 0.0992 18.84) 66.7%, oklch(47.34% 0.0982 18.65) 69.2%, oklch(46.85% 0.0969 15.82) 71.8%, oklch(46.20% 0.0952 10.77) 74.4%, oklch(45.44% 0.0933 3.92) 76.9%, oklch(44.58% 0.0911 355.67) 79.5%, oklch(43.66% 0.0889 346.44) 82.1%, oklch(42.71% 0.0866 336.65) 84.6%, oklch(41.76% 0.0843 326.69) 87.2%, oklch(40.85% 0.0822 316.99) 89.7%, oklch(40.01% 0.0802 307.96) 92.3%, oklch(39.26% 0.0784 300.02) 94.9%, oklch(38.64% 0.0769 293.56) 97.4%, oklch(38.19% 0.0758 289.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.146 | 272.1 |
| 2 | 0.433 | 0.095 | 256.3 |
| 3 | 0.476 | 0.099 | 378.8 |
| 4 | 0.382 | 0.076 | 289 |

## In these collections

- [Indigo yukata](https://grabient.com/indigo-yukata)

## Other forms

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