# Brown teal magenta radial glow

Muted rainbow from black to purple radial gradient with 80 colors: #14100f, #15100f, #16110f, #171110, #191210, #1a1211, #1c1311, #1d1411, #1f1412, #201512, #221613, #241713, #261814, #281914, #2a1a15, #2c1b16, #2e1c16, #2f1d17, #311e17, #331f18, #352118, #362219, #38231a, #3a251b, #3c261c, #3e271e, #40291f, #422b20, #442c22, #462e23, #473024, #493126, #4b3327, #4d3528, #4f3629, #51382a, #523a2a, #543c2b, #553d2b, #563f2b, #57412b, #57422a, #57442a, #57462a, #574829, #564a29, #554c2a, #534e2a, #51502c, #4e522d, #4b5430, #475633, #435936, #3f5b3b, #395c3f, #345e44, #2e604a, #276150, #206356, #1a645c, #136463, #0d656a, #0b6571, #106579, #1a6480, #256387, #31618d, #3d5f92, #485d95, #545a97, #5f5797, #695495, #725292, #7b4f8e, #834d88, #8a4b82, #8f497c, #944876, #984770, #9b476b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from black to purple radial gradient
- Seed: `kWLQYWIgzBTGQwm6Gk6QavTw`
- Page: https://grabient.com/kWLQYWIgzBTGQwm6Gk6QavTw?style=radialGradient&steps=80&angle=0
- Drawn as: radial gradient, 80 steps, 0 degrees
- Kinds: dark to light, muted, rainbow
- Hues: tetradic
- Contrast of its darkest and lightest colors: 3.1 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 | `#14100f` | `oklch(17.72% 0.0083 30.94)` | Nuln Oil | white, 18.9 to 1 |
| 2 | `#15100f` | `oklch(17.96% 0.0090 31.25)` | Nuln Oil | white, 18.8 to 1 |
| 3 | `#16110f` | `oklch(18.25% 0.0099 31.60)` | Black Raspberry | white, 18.7 to 1 |
| 4 | `#171110` | `oklch(18.57% 0.0110 31.98)` | Black Raspberry | white, 18.6 to 1 |
| 5 | `#191210` | `oklch(18.92% 0.0121 32.39)` | Scandinavian Liquorice | white, 18.5 to 1 |
| 6 | `#1a1211` | `oklch(19.29% 0.0134 32.83)` | Scandinavian Liquorice | white, 18.4 to 1 |
| 7 | `#1c1311` | `oklch(19.70% 0.0148 33.31)` | Scandinavian Liquorice | white, 18.2 to 1 |
| 8 | `#1d1411` | `oklch(20.13% 0.0162 33.81)` | Bighorn Sheep | white, 18.1 to 1 |
| 9 | `#1f1412` | `oklch(20.58% 0.0177 34.35)` | Bighorn Sheep | white, 17.9 to 1 |
| 10 | `#201512` | `oklch(21.05% 0.0193 34.91)` | Used Oil | white, 17.7 to 1 |
| 11 | `#221613` | `oklch(21.54% 0.0209 35.50)` | Used Oil | white, 17.5 to 1 |
| 12 | `#241713` | `oklch(22.05% 0.0225 36.12)` | Used Oil | white, 17.3 to 1 |
| 13 | `#261814` | `oklch(22.57% 0.0240 36.77)` | Used Oil | white, 17.1 to 1 |
| 14 | `#281914` | `oklch(23.10% 0.0256 37.44)` | Tetsu-Guro Black | white, 16.9 to 1 |
| 15 | `#2a1a15` | `oklch(23.63% 0.0271 38.13)` | Tetsu-Guro Black | white, 16.7 to 1 |
| 16 | `#2c1b16` | `oklch(24.18% 0.0286 38.85)` | Tetsu-Guro Black | white, 16.4 to 1 |
| 17 | `#2e1c16` | `oklch(24.72% 0.0300 39.59)` | Weathervane | white, 16.2 to 1 |
| 18 | `#2f1d17` | `oklch(25.27% 0.0314 40.36)` | Weathervane | white, 16 to 1 |
| 19 | `#311e17` | `oklch(25.82% 0.0326 41.14)` | Scorched | white, 15.7 to 1 |
| 20 | `#331f18` | `oklch(26.37% 0.0337 41.95)` | Scorched | white, 15.5 to 1 |
| 21 | `#352118` | `oklch(26.91% 0.0347 42.76)` | Scorched | white, 15.2 to 1 |
| 22 | `#362219` | `oklch(27.47% 0.0355 43.44)` | Wetlands Swamp | white, 15 to 1 |
| 23 | `#38231a` | `oklch(28.05% 0.0363 43.95)` | Wetlands Swamp | white, 14.7 to 1 |
| 24 | `#3a251b` | `oklch(28.66% 0.0370 44.33)` | Brown Pod | white, 14.4 to 1 |
| 25 | `#3c261c` | `oklch(29.29% 0.0376 44.62)` | Woodsy Brown | white, 14.1 to 1 |
| 26 | `#3e271e` | `oklch(29.93% 0.0381 44.84)` | Woodsy Brown | white, 13.8 to 1 |
| 27 | `#40291f` | `oklch(30.59% 0.0385 45.04)` | English Walnut | white, 13.5 to 1 |
| 28 | `#422b20` | `oklch(31.26% 0.0390 45.25)` | Subterranean | white, 13.2 to 1 |
| 29 | `#442c22` | `oklch(31.93% 0.0394 45.51)` | Morocco Brown | white, 12.8 to 1 |
| 30 | `#462e23` | `oklch(32.60% 0.0397 45.85)` | Morocco Brown | white, 12.5 to 1 |
| 31 | `#473024` | `oklch(33.27% 0.0401 46.32)` | Iroko | white, 12.2 to 1 |
| 32 | `#493126` | `oklch(33.94% 0.0405 46.94)` | Rojo Marrón | white, 11.9 to 1 |
| 33 | `#4b3327` | `oklch(34.60% 0.0409 47.76)` | Barn Swallow | white, 11.6 to 1 |
| 34 | `#4d3528` | `oklch(35.25% 0.0413 48.80)` | Sepia Brown | white, 11.3 to 1 |
| 35 | `#4f3629` | `oklch(35.89% 0.0417 50.11)` | Bramble Bush | white, 11 to 1 |
| 36 | `#51382a` | `oklch(36.51% 0.0422 51.73)` | Bramble Bush | white, 10.7 to 1 |
| 37 | `#523a2a` | `oklch(37.10% 0.0428 53.68)` | Bonanza | white, 10.5 to 1 |
| 38 | `#543c2b` | `oklch(37.68% 0.0435 56.01)` | Bonanza | white, 10.2 to 1 |
| 39 | `#553d2b` | `oklch(38.22% 0.0442 58.74)` | Real Brown | white, 10 to 1 |
| 40 | `#563f2b` | `oklch(38.73% 0.0450 61.93)` | Antique Brown | white, 9.8 to 1 |
| 41 | `#57412b` | `oklch(39.21% 0.0459 65.58)` | Beech Brown | white, 9.6 to 1 |
| 42 | `#57422a` | `oklch(39.67% 0.0469 69.65)` | Beech Brown | white, 9.4 to 1 |
| 43 | `#57442a` | `oklch(40.10% 0.0479 74.09)` | Garden Loam | white, 9.2 to 1 |
| 44 | `#57462a` | `oklch(40.50% 0.0489 78.89)` | Punga | white, 9 to 1 |
| 45 | `#574829` | `oklch(40.89% 0.0500 84.02)` | Nightingale | white, 8.8 to 1 |
| 46 | `#564a29` | `oklch(41.26% 0.0510 89.46)` | Codium Fragile | white, 8.7 to 1 |
| 47 | `#554c2a` | `oklch(41.62% 0.0522 95.18)` | Codium Fragile | white, 8.5 to 1 |
| 48 | `#534e2a` | `oklch(41.96% 0.0533 101.18)` | Codium Fragile | white, 8.4 to 1 |
| 49 | `#51502c` | `oklch(42.28% 0.0545 107.41)` | Warplock Bronze | white, 8.2 to 1 |
| 50 | `#4e522d` | `oklch(42.60% 0.0558 113.86)` | Warplock Bronze | white, 8.1 to 1 |
| 51 | `#4b5430` | `oklch(42.91% 0.0570 120.51)` | Trefoil | white, 8 to 1 |
| 52 | `#475633` | `oklch(43.21% 0.0584 127.34)` | Trefoil | white, 7.8 to 1 |
| 53 | `#435936` | `oklch(43.51% 0.0598 134.32)` | Turf | white, 7.7 to 1 |
| 54 | `#3f5b3b` | `oklch(43.80% 0.0612 141.42)` | Turf | white, 7.6 to 1 |
| 55 | `#395c3f` | `oklch(44.09% 0.0627 148.63)` | Horsetail | white, 7.5 to 1 |
| 56 | `#345e44` | `oklch(44.38% 0.0643 155.93)` | Horsetail | white, 7.3 to 1 |
| 57 | `#2e604a` | `oklch(44.68% 0.0659 163.28)` | Evening Sea | white, 7.2 to 1 |
| 58 | `#276150` | `oklch(44.97% 0.0676 170.68)` | Evening Sea | white, 7.1 to 1 |
| 59 | `#206356` | `oklch(45.28% 0.0694 178.09)` | Humboldt Redwoods | white, 7 to 1 |
| 60 | `#1a645c` | `oklch(45.59% 0.0712 185.49)` | Humboldt Redwoods | white, 6.9 to 1 |
| 61 | `#136463` | `oklch(45.91% 0.0731 193.05)` | Abduction | white, 6.8 to 1 |
| 62 | `#0d656a` | `oklch(46.24% 0.0753 201.19)` | Joyful Tears | white, 6.8 to 1 |
| 63 | `#0b6571` | `oklch(46.58% 0.0776 209.84)` | Wakame Green | white, 6.7 to 1 |
| 64 | `#106579` | `oklch(46.93% 0.0801 218.93)` | World’s Away | white, 6.6 to 1 |
| 65 | `#1a6480` | `oklch(47.27% 0.0828 228.36)` | Georgian Bay | white, 6.5 to 1 |
| 66 | `#256387` | `oklch(47.62% 0.0855 238.06)` | Copenhagen Blue | white, 6.5 to 1 |
| 67 | `#31618d` | `oklch(47.97% 0.0884 247.94)` | Make-Up Blue | white, 6.5 to 1 |
| 68 | `#3d5f92` | `oklch(48.32% 0.0912 257.92)` | Portuguese Blue | white, 6.4 to 1 |
| 69 | `#485d95` | `oklch(48.66% 0.0941 267.91)` | Blue Dude | white, 6.4 to 1 |
| 70 | `#545a97` | `oklch(49.00% 0.0970 277.84)` | Persian Plush | white, 6.4 to 1 |
| 71 | `#5f5797` | `oklch(49.33% 0.0999 287.63)` | Old Nan Yarn | white, 6.3 to 1 |
| 72 | `#695495` | `oklch(49.64% 0.1027 297.18)` | Rollick | white, 6.3 to 1 |
| 73 | `#725292` | `oklch(49.95% 0.1055 306.42)` | Pure Mauve | white, 6.3 to 1 |
| 74 | `#7b4f8e` | `oklch(50.24% 0.1081 315.26)` | Cleopatra’s Gown | white, 6.2 to 1 |
| 75 | `#834d88` | `oklch(50.52% 0.1105 323.62)` | Voodoo Violet | white, 6.2 to 1 |
| 76 | `#8a4b82` | `oklch(50.77% 0.1129 331.43)` | Razzmic Berry | white, 6.1 to 1 |
| 77 | `#8f497c` | `oklch(51.01% 0.1150 338.58)` | Willowherb | white, 6.1 to 1 |
| 78 | `#944876` | `oklch(51.22% 0.1169 345.01)` | Sugar Plum | white, 6 to 1 |
| 79 | `#984770` | `oklch(51.41% 0.1185 350.63)` | Befitting | white, 6 to 1 |
| 80 | `#9b476b` | `oklch(51.57% 0.1199 355.36)` | Befitting | white, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #14100f 0.0%, #15100f 1.3%, #16110f 2.5%, #171110 3.8%, #191210 5.1%, #1a1211 6.3%, #1c1311 7.6%, #1d1411 8.9%, #1f1412 10.1%, #201512 11.4%, #221613 12.7%, #241713 13.9%, #261814 15.2%, #281914 16.5%, #2a1a15 17.7%, #2c1b16 19.0%, #2e1c16 20.3%, #2f1d17 21.5%, #311e17 22.8%, #331f18 24.1%, #352118 25.3%, #362219 26.6%, #38231a 27.8%, #3a251b 29.1%, #3c261c 30.4%, #3e271e 31.6%, #40291f 32.9%, #422b20 34.2%, #442c22 35.4%, #462e23 36.7%, #473024 38.0%, #493126 39.2%, #4b3327 40.5%, #4d3528 41.8%, #4f3629 43.0%, #51382a 44.3%, #523a2a 45.6%, #543c2b 46.8%, #553d2b 48.1%, #563f2b 49.4%, #57412b 50.6%, #57422a 51.9%, #57442a 53.2%, #57462a 54.4%, #574829 55.7%, #564a29 57.0%, #554c2a 58.2%, #534e2a 59.5%, #51502c 60.8%, #4e522d 62.0%, #4b5430 63.3%, #475633 64.6%, #435936 65.8%, #3f5b3b 67.1%, #395c3f 68.4%, #345e44 69.6%, #2e604a 70.9%, #276150 72.2%, #206356 73.4%, #1a645c 74.7%, #136463 75.9%, #0d656a 77.2%, #0b6571 78.5%, #106579 79.7%, #1a6480 81.0%, #256387 82.3%, #31618d 83.5%, #3d5f92 84.8%, #485d95 86.1%, #545a97 87.3%, #5f5797 88.6%, #695495 89.9%, #725292 91.1%, #7b4f8e 92.4%, #834d88 93.7%, #8a4b82 94.9%, #8f497c 96.2%, #944876 97.5%, #984770 98.7%, #9b476b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0083 30.94) 0.0%, oklch(17.96% 0.0090 31.25) 1.3%, oklch(18.25% 0.0099 31.60) 2.5%, oklch(18.57% 0.0110 31.98) 3.8%, oklch(18.92% 0.0121 32.39) 5.1%, oklch(19.29% 0.0134 32.83) 6.3%, oklch(19.70% 0.0148 33.31) 7.6%, oklch(20.13% 0.0162 33.81) 8.9%, oklch(20.58% 0.0177 34.35) 10.1%, oklch(21.05% 0.0193 34.91) 11.4%, oklch(21.54% 0.0209 35.50) 12.7%, oklch(22.05% 0.0225 36.12) 13.9%, oklch(22.57% 0.0240 36.77) 15.2%, oklch(23.10% 0.0256 37.44) 16.5%, oklch(23.63% 0.0271 38.13) 17.7%, oklch(24.18% 0.0286 38.85) 19.0%, oklch(24.72% 0.0300 39.59) 20.3%, oklch(25.27% 0.0314 40.36) 21.5%, oklch(25.82% 0.0326 41.14) 22.8%, oklch(26.37% 0.0337 41.95) 24.1%, oklch(26.91% 0.0347 42.76) 25.3%, oklch(27.47% 0.0355 43.44) 26.6%, oklch(28.05% 0.0363 43.95) 27.8%, oklch(28.66% 0.0370 44.33) 29.1%, oklch(29.29% 0.0376 44.62) 30.4%, oklch(29.93% 0.0381 44.84) 31.6%, oklch(30.59% 0.0385 45.04) 32.9%, oklch(31.26% 0.0390 45.25) 34.2%, oklch(31.93% 0.0394 45.51) 35.4%, oklch(32.60% 0.0397 45.85) 36.7%, oklch(33.27% 0.0401 46.32) 38.0%, oklch(33.94% 0.0405 46.94) 39.2%, oklch(34.60% 0.0409 47.76) 40.5%, oklch(35.25% 0.0413 48.80) 41.8%, oklch(35.89% 0.0417 50.11) 43.0%, oklch(36.51% 0.0422 51.73) 44.3%, oklch(37.10% 0.0428 53.68) 45.6%, oklch(37.68% 0.0435 56.01) 46.8%, oklch(38.22% 0.0442 58.74) 48.1%, oklch(38.73% 0.0450 61.93) 49.4%, oklch(39.21% 0.0459 65.58) 50.6%, oklch(39.67% 0.0469 69.65) 51.9%, oklch(40.10% 0.0479 74.09) 53.2%, oklch(40.50% 0.0489 78.89) 54.4%, oklch(40.89% 0.0500 84.02) 55.7%, oklch(41.26% 0.0510 89.46) 57.0%, oklch(41.62% 0.0522 95.18) 58.2%, oklch(41.96% 0.0533 101.18) 59.5%, oklch(42.28% 0.0545 107.41) 60.8%, oklch(42.60% 0.0558 113.86) 62.0%, oklch(42.91% 0.0570 120.51) 63.3%, oklch(43.21% 0.0584 127.34) 64.6%, oklch(43.51% 0.0598 134.32) 65.8%, oklch(43.80% 0.0612 141.42) 67.1%, oklch(44.09% 0.0627 148.63) 68.4%, oklch(44.38% 0.0643 155.93) 69.6%, oklch(44.68% 0.0659 163.28) 70.9%, oklch(44.97% 0.0676 170.68) 72.2%, oklch(45.28% 0.0694 178.09) 73.4%, oklch(45.59% 0.0712 185.49) 74.7%, oklch(45.91% 0.0731 193.05) 75.9%, oklch(46.24% 0.0753 201.19) 77.2%, oklch(46.58% 0.0776 209.84) 78.5%, oklch(46.93% 0.0801 218.93) 79.7%, oklch(47.27% 0.0828 228.36) 81.0%, oklch(47.62% 0.0855 238.06) 82.3%, oklch(47.97% 0.0884 247.94) 83.5%, oklch(48.32% 0.0912 257.92) 84.8%, oklch(48.66% 0.0941 267.91) 86.1%, oklch(49.00% 0.0970 277.84) 87.3%, oklch(49.33% 0.0999 287.63) 88.6%, oklch(49.64% 0.1027 297.18) 89.9%, oklch(49.95% 0.1055 306.42) 91.1%, oklch(50.24% 0.1081 315.26) 92.4%, oklch(50.52% 0.1105 323.62) 93.7%, oklch(50.77% 0.1129 331.43) 94.9%, oklch(51.01% 0.1150 338.58) 96.2%, oklch(51.22% 0.1169 345.01) 97.5%, oklch(51.41% 0.1185 350.63) 98.7%, oklch(51.57% 0.1199 355.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.008 | 30.9 |
| 2 | 0.268 | 0.034 | 42.6 |
| 3 | 0.39 | 0.045 | 63.7 |
| 4 | 0.457 | 0.072 | 187.3 |
| 5 | 0.516 | 0.12 | 355.4 |

## In these collections

- [Oil slick colors](https://grabient.com/oil-slick-colors)

## Other forms

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