# Blue, brown and purple radial gradient

Blue, brown and purple radial gradient with 56 colors: #688dcc, #6c89cb, #7185ca, #7880c7, #7f7bc3, #8675be, #8d6eb6, #9468ad, #9962a2, #9e5c95, #a15687, #a35179, #a34c6a, #a2485c, #a0454e, #9d4241, #994036, #943e2c, #903c24, #8b391e, #86351b, #80311a, #7a2d1b, #73281d, #6c231f, #651e22, #5d1a24, #561626, #4e1327, #471128, #400e28, #390d28, #340c28, #2f0b28, #2b0a28, #290a28, #280b29, #280b2a, #2a0d2c, #2d0f2f, #321232, #381637, #3e1a3c, #471e41, #4f2346, #59284c, #632e51, #6e3356, #79395b, #833e5f, #8e4463, #974966, #a04e69, #a8526b, #af566d, #b4596e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUo0y5uqvQBsYt3Jq8TA`
- Page: https://grabient.com/kUo0y5uqvQBsYt3Jq8TA?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.3 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 | `#688dcc` | `oklch(64.17% 0.1047 260.86)` | Royal Regatta | black, 6.2 to 1 |
| 2 | `#6c89cb` | `oklch(63.64% 0.1053 265.26)` | Livid | black, 6 to 1 |
| 3 | `#7185ca` | `oklch(63.02% 0.1061 270.93)` | Violets Are Blue | black, 5.9 to 1 |
| 4 | `#7880c7` | `oklch(62.32% 0.1071 277.70)` | Twilight Twinkle | black, 5.7 to 1 |
| 5 | `#7f7bc3` | `oklch(61.55% 0.1083 285.39)` | Ube | black, 5.5 to 1 |
| 6 | `#8675be` | `oklch(60.72% 0.1096 293.84)` | Purple Hebe | black, 5.2 to 1 |
| 7 | `#8d6eb6` | `oklch(59.83% 0.1110 302.88)` | Middle Blue Purple | black, 5 to 1 |
| 8 | `#9468ad` | `oklch(58.88% 0.1124 312.34)` | Knight Elf | black, 4.8 to 1 |
| 9 | `#9962a2` | `oklch(57.89% 0.1139 322.07)` | Heath Spotted Orchid | black, 4.6 to 1 |
| 10 | `#9e5c95` | `oklch(56.85% 0.1153 331.88)` | Bermuda Onion | white, 4.7 to 1 |
| 11 | `#a15687` | `oklch(55.77% 0.1167 341.61)` | Purple Zergling | white, 5 to 1 |
| 12 | `#a35179` | `oklch(54.66% 0.1180 351.10)` | Our Little Secret | white, 5.2 to 1 |
| 13 | `#a34c6a` | `oklch(53.52% 0.1191 0.17)` | Ancient Fuchsia | white, 5.5 to 1 |
| 14 | `#a2485c` | `oklch(52.36% 0.1200 8.66)` | Drisheen | white, 5.7 to 1 |
| 15 | `#a0454e` | `oklch(51.19% 0.1206 16.40)` | Charleston Cherry | white, 6 to 1 |
| 16 | `#9d4241` | `oklch(50.01% 0.1210 23.22)` | Queen’s Coat | white, 6.3 to 1 |
| 17 | `#994036` | `oklch(48.82% 0.1211 28.96)` | Spicy Red | white, 6.7 to 1 |
| 18 | `#943e2c` | `oklch(47.63% 0.1209 33.44)` | Brick Paver | white, 7 to 1 |
| 19 | `#903c24` | `oklch(46.45% 0.1202 36.50)` | Fire | white, 7.3 to 1 |
| 20 | `#8b391e` | `oklch(45.23% 0.1191 38.01)` | Red Prairie | white, 7.7 to 1 |
| 21 | `#86351b` | `oklch(43.83% 0.1173 38.04)` | Rogan Josh | white, 8.2 to 1 |
| 22 | `#80311a` | `oklch(42.26% 0.1149 36.76)` | Warmth of Teamwork | white, 8.8 to 1 |
| 23 | `#7a2d1b` | `oklch(40.55% 0.1121 34.32)` | Corrosion Red | white, 9.4 to 1 |
| 24 | `#73281d` | `oklch(38.74% 0.1088 30.88)` | Hazelnut Kisses | white, 10.2 to 1 |
| 25 | `#6c231f` | `oklch(36.86% 0.1052 26.60)` | Azuki Red | white, 11 to 1 |
| 26 | `#651e22` | `oklch(34.95% 0.1014 21.62)` | Pohutukawa | white, 11.8 to 1 |
| 27 | `#5d1a24` | `oklch(33.04% 0.0974 16.11)` | Spinel Red | white, 12.7 to 1 |
| 28 | `#561626` | `oklch(31.16% 0.0934 10.23)` | Chocolate Cosmos | white, 13.6 to 1 |
| 29 | `#4e1327` | `oklch(29.34% 0.0894 4.13)` | Vino Tinto | white, 14.5 to 1 |
| 30 | `#471128` | `oklch(27.63% 0.0854 357.96)` | What We Do in the Shadows | white, 15.3 to 1 |
| 31 | `#400e28` | `oklch(26.04% 0.0817 351.89)` | What We Do in the Shadows | white, 16 to 1 |
| 32 | `#390d28` | `oklch(24.62% 0.0782 346.06)` | Nightly Voyager | white, 16.6 to 1 |
| 33 | `#340c28` | `oklch(23.39% 0.0751 340.64)` | Synallactida | white, 17.1 to 1 |
| 34 | `#2f0b28` | `oklch(22.40% 0.0724 335.79)` | Dark Prom Queen | white, 17.5 to 1 |
| 35 | `#2b0a28` | `oklch(21.67% 0.0702 331.65)` | Dark Prom Queen | white, 17.8 to 1 |
| 36 | `#290a28` | `oklch(21.23% 0.0686 328.39)` | Dark Prom Queen | white, 17.9 to 1 |
| 37 | `#280b29` | `oklch(21.13% 0.0677 326.16)` | Dark Prom Queen | white, 18 to 1 |
| 38 | `#280b2a` | `oklch(21.39% 0.0676 325.09)` | Dark Prom Queen | white, 17.8 to 1 |
| 39 | `#2a0d2c` | `oklch(22.09% 0.0682 324.88)` | Dark Prom Queen | white, 17.6 to 1 |
| 40 | `#2d0f2f` | `oklch(23.20% 0.0695 325.38)` | Dark Prom Queen | white, 17.1 to 1 |
| 41 | `#321232` | `oklch(24.67% 0.0714 326.49)` | Cultist Robe | white, 16.5 to 1 |
| 42 | `#381637` | `oklch(26.46% 0.0738 328.15)` | Nightly Voyager | white, 15.7 to 1 |
| 43 | `#3e1a3c` | `oklch(28.52% 0.0767 330.28)` | Nightly Voyager | white, 14.8 to 1 |
| 44 | `#471e41` | `oklch(30.79% 0.0799 332.80)` | Purple Void | white, 13.7 to 1 |
| 45 | `#4f2346` | `oklch(33.24% 0.0834 335.64)` | Murasaki | white, 12.6 to 1 |
| 46 | `#59284c` | `oklch(35.81% 0.0872 338.73)` | Winter Bloom | white, 11.4 to 1 |
| 47 | `#632e51` | `oklch(38.46% 0.0911 341.99)` | Velvet Mauve | white, 10.3 to 1 |
| 48 | `#6e3356` | `oklch(41.14% 0.0950 345.34)` | Burlat Red | white, 9.2 to 1 |
| 49 | `#79395b` | `oklch(43.80% 0.0990 348.71)` | Passionate Plum | white, 8.2 to 1 |
| 50 | `#833e5f` | `oklch(46.39% 0.1028 352.02)` | Ancient Royal Banner | white, 7.4 to 1 |
| 51 | `#8e4463` | `oklch(48.87% 0.1065 355.21)` | Putnam Plum | white, 6.6 to 1 |
| 52 | `#974966` | `oklch(51.18% 0.1100 358.19)` | Glitterati | white, 6 to 1 |
| 53 | `#a04e69` | `oklch(53.29% 0.1131 0.88)` | Cherry Berry | white, 5.5 to 1 |
| 54 | `#a8526b` | `oklch(55.14% 0.1159 3.22)` | China Rose | white, 5.1 to 1 |
| 55 | `#af566d` | `oklch(56.68% 0.1182 5.13)` | Sombre Roses | white, 4.8 to 1 |
| 56 | `#b4596e` | `oklch(57.87% 0.1199 6.53)` | Slate Pink | white, 4.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #688dcc 0.0%, #6c89cb 1.8%, #7185ca 3.6%, #7880c7 5.5%, #7f7bc3 7.3%, #8675be 9.1%, #8d6eb6 10.9%, #9468ad 12.7%, #9962a2 14.5%, #9e5c95 16.4%, #a15687 18.2%, #a35179 20.0%, #a34c6a 21.8%, #a2485c 23.6%, #a0454e 25.5%, #9d4241 27.3%, #994036 29.1%, #943e2c 30.9%, #903c24 32.7%, #8b391e 34.5%, #86351b 36.4%, #80311a 38.2%, #7a2d1b 40.0%, #73281d 41.8%, #6c231f 43.6%, #651e22 45.5%, #5d1a24 47.3%, #561626 49.1%, #4e1327 50.9%, #471128 52.7%, #400e28 54.5%, #390d28 56.4%, #340c28 58.2%, #2f0b28 60.0%, #2b0a28 61.8%, #290a28 63.6%, #280b29 65.5%, #280b2a 67.3%, #2a0d2c 69.1%, #2d0f2f 70.9%, #321232 72.7%, #381637 74.5%, #3e1a3c 76.4%, #471e41 78.2%, #4f2346 80.0%, #59284c 81.8%, #632e51 83.6%, #6e3356 85.5%, #79395b 87.3%, #833e5f 89.1%, #8e4463 90.9%, #974966 92.7%, #a04e69 94.5%, #a8526b 96.4%, #af566d 98.2%, #b4596e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.17% 0.1047 260.86) 0.0%, oklch(63.64% 0.1053 265.26) 1.8%, oklch(63.02% 0.1061 270.93) 3.6%, oklch(62.32% 0.1071 277.70) 5.5%, oklch(61.55% 0.1083 285.39) 7.3%, oklch(60.72% 0.1096 293.84) 9.1%, oklch(59.83% 0.1110 302.88) 10.9%, oklch(58.88% 0.1124 312.34) 12.7%, oklch(57.89% 0.1139 322.07) 14.5%, oklch(56.85% 0.1153 331.88) 16.4%, oklch(55.77% 0.1167 341.61) 18.2%, oklch(54.66% 0.1180 351.10) 20.0%, oklch(53.52% 0.1191 0.17) 21.8%, oklch(52.36% 0.1200 8.66) 23.6%, oklch(51.19% 0.1206 16.40) 25.5%, oklch(50.01% 0.1210 23.22) 27.3%, oklch(48.82% 0.1211 28.96) 29.1%, oklch(47.63% 0.1209 33.44) 30.9%, oklch(46.45% 0.1202 36.50) 32.7%, oklch(45.23% 0.1191 38.01) 34.5%, oklch(43.83% 0.1173 38.04) 36.4%, oklch(42.26% 0.1149 36.76) 38.2%, oklch(40.55% 0.1121 34.32) 40.0%, oklch(38.74% 0.1088 30.88) 41.8%, oklch(36.86% 0.1052 26.60) 43.6%, oklch(34.95% 0.1014 21.62) 45.5%, oklch(33.04% 0.0974 16.11) 47.3%, oklch(31.16% 0.0934 10.23) 49.1%, oklch(29.34% 0.0894 4.13) 50.9%, oklch(27.63% 0.0854 357.96) 52.7%, oklch(26.04% 0.0817 351.89) 54.5%, oklch(24.62% 0.0782 346.06) 56.4%, oklch(23.39% 0.0751 340.64) 58.2%, oklch(22.40% 0.0724 335.79) 60.0%, oklch(21.67% 0.0702 331.65) 61.8%, oklch(21.23% 0.0686 328.39) 63.6%, oklch(21.13% 0.0677 326.16) 65.5%, oklch(21.39% 0.0676 325.09) 67.3%, oklch(22.09% 0.0682 324.88) 69.1%, oklch(23.20% 0.0695 325.38) 70.9%, oklch(24.67% 0.0714 326.49) 72.7%, oklch(26.46% 0.0738 328.15) 74.5%, oklch(28.52% 0.0767 330.28) 76.4%, oklch(30.79% 0.0799 332.80) 78.2%, oklch(33.24% 0.0834 335.64) 80.0%, oklch(35.81% 0.0872 338.73) 81.8%, oklch(38.46% 0.0911 341.99) 83.6%, oklch(41.14% 0.0950 345.34) 85.5%, oklch(43.80% 0.0990 348.71) 87.3%, oklch(46.39% 0.1028 352.02) 89.1%, oklch(48.87% 0.1065 355.21) 90.9%, oklch(51.18% 0.1100 358.19) 92.7%, oklch(53.29% 0.1131 0.88) 94.5%, oklch(55.14% 0.1159 3.22) 96.4%, oklch(56.68% 0.1182 5.13) 98.2%, oklch(57.87% 0.1199 6.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.642 | 0.105 | 260.9 |
| 2 | 0.461 | 0.12 | 397.2 |
| 3 | 0.213 | 0.068 | 325.3 |
| 4 | 0.579 | 0.12 | 366.5 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)

## Other forms

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