# Brown, purple, teal and light blue radial gradient

Brown, purple, teal and light blue radial gradient with 48 colors: #663a24, #653922, #63361e, #623319, #603013, #5e2c0d, #5c2909, #5b2607, #5b230a, #5d2212, #5e231d, #5f252b, #5f2a3a, #5d3048, #5a3856, #564061, #534a6b, #515372, #505c79, #506581, #4f708b, #4d7d98, #488ba5, #409bb1, #34abbb, #23bbc3, #10c9c8, #0cd5ca, #24dec8, #3ee4c4, #58e6bd, #6ee7b5, #80e5af, #8fe2aa, #9adfa8, #a1dca9, #a5daab, #a7d8b0, #a7d8b7, #a6d9c0, #a5d8ca, #a6d8d4, #abd6dc, #b1d4e1, #b9d2e4, #c0d0e4, #c6cfe3, #c9cee1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYZTMhqyC-T8Sr9nszb6po8myJzk`
- Page: https://grabient.com/kYZTMhqyC-T8Sr9nszb6po8myJzk?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 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 | `#663a24` | `oklch(39.76% 0.0703 47.11)` | In Caffeine We Trust | white, 9.5 to 1 |
| 2 | `#653922` | `oklch(39.28% 0.0718 46.85)` | Cassiterite Brown | white, 9.7 to 1 |
| 3 | `#63361e` | `oklch(38.51% 0.0741 47.28)` | Chubby Chocolate | white, 10 to 1 |
| 4 | `#623319` | `oklch(37.57% 0.0770 47.99)` | Overbaked | white, 10.4 to 1 |
| 5 | `#603013` | `oklch(36.54% 0.0801 48.60)` | Count Chocula | white, 10.9 to 1 |
| 6 | `#5e2c0d` | `oklch(35.53% 0.0832 48.72)` | Count Chocula | white, 11.4 to 1 |
| 7 | `#5c2909` | `oklch(34.65% 0.0860 47.95)` | Hot Fudge | white, 11.8 to 1 |
| 8 | `#5b2607` | `oklch(33.98% 0.0883 45.89)` | Hot Fudge | white, 12.1 to 1 |
| 9 | `#5b230a` | `oklch(33.63% 0.0896 42.16)` | Peaty Brown | white, 12.3 to 1 |
| 10 | `#5d2212` | `oklch(33.69% 0.0899 36.36)` | Altar Wine | white, 12.3 to 1 |
| 11 | `#5e231d` | `oklch(34.23% 0.0885 27.98)` | Red Oxide | white, 12.1 to 1 |
| 12 | `#5f252b` | `oklch(35.08% 0.0849 16.63)` | Blackberry Pie | white, 11.7 to 1 |
| 13 | `#5f2a3a` | `oklch(36.20% 0.0795 2.87)` | Windsor Wine | white, 11.2 to 1 |
| 14 | `#5d3048` | `oklch(37.58% 0.0732 347.37)` | Vistoris Lake | white, 10.5 to 1 |
| 15 | `#5a3856` | `oklch(39.20% 0.0665 330.80)` | Velvet Plum | white, 9.8 to 1 |
| 16 | `#564061` | `oklch(41.03% 0.0602 313.81)` | When Blue Met Red | white, 9 to 1 |
| 17 | `#534a6b` | `oklch(43.06% 0.0549 297.05)` | Darlak | white, 8.2 to 1 |
| 18 | `#515372` | `oklch(45.26% 0.0512 281.20)` | Deep Orchid | white, 7.4 to 1 |
| 19 | `#505c79` | `oklch(47.62% 0.0499 266.91)` | Coastal Fjord | white, 6.6 to 1 |
| 20 | `#506581` | `oklch(50.13% 0.0516 254.81)` | Luxe Blue | white, 5.9 to 1 |
| 21 | `#4f708b` | `oklch(53.10% 0.0573 244.07)` | Captains Blue | white, 5.2 to 1 |
| 22 | `#4d7d98` | `oklch(56.58% 0.0665 234.11)` | Mallorca Blue | black, 4.6 to 1 |
| 23 | `#488ba5` | `oklch(60.40% 0.0780 224.87)` | Cossack Dancer | black, 5.5 to 1 |
| 24 | `#409bb1` | `oklch(64.38% 0.0910 216.31)` | Sports Blue | black, 6.5 to 1 |
| 25 | `#34abbb` | `oklch(68.37% 0.1043 208.38)` | Explore Blue | black, 7.6 to 1 |
| 26 | `#23bbc3` | `oklch(72.21% 0.1169 201.04)` | Panorama Blue | black, 8.9 to 1 |
| 27 | `#10c9c8` | `oklch(75.72% 0.1278 194.24)` | Tilla Kari Mosque | black, 10.2 to 1 |
| 28 | `#0cd5ca` | `oklch(78.74% 0.1359 187.94)` | Turquoise Panic | black, 11.3 to 1 |
| 29 | `#24dec8` | `oklch(81.11% 0.1402 182.09)` | Mint Morning | black, 12.3 to 1 |
| 30 | `#3ee4c4` | `oklch(82.75% 0.1403 176.35)` | Celestial Green | black, 13 to 1 |
| 31 | `#58e6bd` | `oklch(83.81% 0.1369 170.30)` | Aphrodite Aqua | black, 13.5 to 1 |
| 32 | `#6ee7b5` | `oklch(84.39% 0.1309 164.30)` | Onsen | black, 13.7 to 1 |
| 33 | `#80e5af` | `oklch(84.61% 0.1229 158.71)` | Jovial Jade | black, 13.7 to 1 |
| 34 | `#8fe2aa` | `oklch(84.56% 0.1136 153.91)` | Hospital Green | black, 13.6 to 1 |
| 35 | `#9adfa8` | `oklch(84.35% 0.1035 150.27)` | Dead 99 | black, 13.5 to 1 |
| 36 | `#a1dca9` | `oklch(84.08% 0.0934 148.15)` | Dead 99 | black, 13.3 to 1 |
| 37 | `#a5daab` | `oklch(83.86% 0.0839 147.92)` | Green Trance | black, 13.1 to 1 |
| 38 | `#a7d8b0` | `oklch(83.79% 0.0757 149.97)` | Frugal | black, 13.1 to 1 |
| 39 | `#a7d8b7` | `oklch(83.94% 0.0692 154.78)` | Shanghai Jade | black, 13.1 to 1 |
| 40 | `#a6d9c0` | `oklch(84.15% 0.0632 163.59)` | Shanghai Jade | black, 13.2 to 1 |
| 41 | `#a5d8ca` | `oklch(84.35% 0.0573 175.79)` | Whirlpool | black, 13.3 to 1 |
| 42 | `#a6d8d4` | `oklch(84.55% 0.0516 190.41)` | Brilliante | black, 13.3 to 1 |
| 43 | `#abd6dc` | `oklch(84.74% 0.0462 206.46)` | Light Jellyfish Blue | black, 13.3 to 1 |
| 44 | `#b1d4e1` | `oklch(84.91% 0.0411 222.97)` | Foamy Surf | black, 13.3 to 1 |
| 45 | `#b9d2e4` | `oklch(85.07% 0.0365 238.96)` | Tiny Mr Frosty | black, 13.3 to 1 |
| 46 | `#c0d0e4` | `oklch(85.22% 0.0324 253.44)` | Misty Mountains | black, 13.4 to 1 |
| 47 | `#c6cfe3` | `oklch(85.34% 0.0290 265.43)` | Love Crystal | black, 13.4 to 1 |
| 48 | `#c9cee1` | `oklch(85.43% 0.0262 273.96)` | Lilac Bisque | black, 13.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #663a24 0.0%, #653922 2.1%, #63361e 4.3%, #623319 6.4%, #603013 8.5%, #5e2c0d 10.6%, #5c2909 12.8%, #5b2607 14.9%, #5b230a 17.0%, #5d2212 19.1%, #5e231d 21.3%, #5f252b 23.4%, #5f2a3a 25.5%, #5d3048 27.7%, #5a3856 29.8%, #564061 31.9%, #534a6b 34.0%, #515372 36.2%, #505c79 38.3%, #506581 40.4%, #4f708b 42.6%, #4d7d98 44.7%, #488ba5 46.8%, #409bb1 48.9%, #34abbb 51.1%, #23bbc3 53.2%, #10c9c8 55.3%, #0cd5ca 57.4%, #24dec8 59.6%, #3ee4c4 61.7%, #58e6bd 63.8%, #6ee7b5 66.0%, #80e5af 68.1%, #8fe2aa 70.2%, #9adfa8 72.3%, #a1dca9 74.5%, #a5daab 76.6%, #a7d8b0 78.7%, #a7d8b7 80.9%, #a6d9c0 83.0%, #a5d8ca 85.1%, #a6d8d4 87.2%, #abd6dc 89.4%, #b1d4e1 91.5%, #b9d2e4 93.6%, #c0d0e4 95.7%, #c6cfe3 97.9%, #c9cee1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(39.76% 0.0703 47.11) 0.0%, oklch(39.28% 0.0718 46.85) 2.1%, oklch(38.51% 0.0741 47.28) 4.3%, oklch(37.57% 0.0770 47.99) 6.4%, oklch(36.54% 0.0801 48.60) 8.5%, oklch(35.53% 0.0832 48.72) 10.6%, oklch(34.65% 0.0860 47.95) 12.8%, oklch(33.98% 0.0883 45.89) 14.9%, oklch(33.63% 0.0896 42.16) 17.0%, oklch(33.69% 0.0899 36.36) 19.1%, oklch(34.23% 0.0885 27.98) 21.3%, oklch(35.08% 0.0849 16.63) 23.4%, oklch(36.20% 0.0795 2.87) 25.5%, oklch(37.58% 0.0732 347.37) 27.7%, oklch(39.20% 0.0665 330.80) 29.8%, oklch(41.03% 0.0602 313.81) 31.9%, oklch(43.06% 0.0549 297.05) 34.0%, oklch(45.26% 0.0512 281.20) 36.2%, oklch(47.62% 0.0499 266.91) 38.3%, oklch(50.13% 0.0516 254.81) 40.4%, oklch(53.10% 0.0573 244.07) 42.6%, oklch(56.58% 0.0665 234.11) 44.7%, oklch(60.40% 0.0780 224.87) 46.8%, oklch(64.38% 0.0910 216.31) 48.9%, oklch(68.37% 0.1043 208.38) 51.1%, oklch(72.21% 0.1169 201.04) 53.2%, oklch(75.72% 0.1278 194.24) 55.3%, oklch(78.74% 0.1359 187.94) 57.4%, oklch(81.11% 0.1402 182.09) 59.6%, oklch(82.75% 0.1403 176.35) 61.7%, oklch(83.81% 0.1369 170.30) 63.8%, oklch(84.39% 0.1309 164.30) 66.0%, oklch(84.61% 0.1229 158.71) 68.1%, oklch(84.56% 0.1136 153.91) 70.2%, oklch(84.35% 0.1035 150.27) 72.3%, oklch(84.08% 0.0934 148.15) 74.5%, oklch(83.86% 0.0839 147.92) 76.6%, oklch(83.79% 0.0757 149.97) 78.7%, oklch(83.94% 0.0692 154.78) 80.9%, oklch(84.15% 0.0632 163.59) 83.0%, oklch(84.35% 0.0573 175.79) 85.1%, oklch(84.55% 0.0516 190.41) 87.2%, oklch(84.74% 0.0462 206.46) 89.4%, oklch(84.91% 0.0411 222.97) 91.5%, oklch(85.07% 0.0365 238.96) 93.6%, oklch(85.22% 0.0324 253.44) 95.7%, oklch(85.34% 0.0290 265.43) 97.9%, oklch(85.43% 0.0262 273.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.398 | 0.07 | 47.1 |
| 2 | 0.339 | 0.09 | 33.4 |
| 3 | 0.496 | 0.051 | -102.9 |
| 4 | 0.815 | 0.141 | -179 |
| 5 | 0.839 | 0.072 | -207.6 |
| 6 | 0.854 | 0.026 | -86 |

## In these collections

- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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