# Rainbow from pink to tan radial gradient

Rainbow from pink to tan radial gradient with 32 colors: #c45d64, #bb5661, #ad4b5d, #9d3f59, #8e3351, #812947, #7a243a, #792528, #792f0b, #704200, #655200, #526016, #36693a, #146951, #00615f, #0e5563, #214860, #2d3e5a, #353755, #413555, #533659, #6c385c, #893b5a, #a5414f, #bc4b3c, #cb5a21, #d26f00, #d58400, #d8980f, #d8aa32, #d8b94a, #d7c45a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYmmAMsqu_LwhUOsk9BS7lMueuxs`
- Page: https://grabient.com/kYmmAMsqu_LwhUOsk9BS7lMueuxs?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 6.5 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 | `#c45d64` | `oklch(60.63% 0.1323 17.58)` | Candy Drop | black, 5.1 to 1 |
| 2 | `#bb5661` | `oklch(58.14% 0.1312 15.28)` | Hibiscus Flower | black, 4.6 to 1 |
| 3 | `#ad4b5d` | `oklch(54.44% 0.1298 10.71)` | Cherry on Top | white, 5.3 to 1 |
| 4 | `#9d3f59` | `oklch(50.17% 0.1281 5.85)` | Velvet Wine | white, 6.3 to 1 |
| 5 | `#8e3351` | `oklch(45.92% 0.1260 2.66)` | That’s My Jam | white, 7.6 to 1 |
| 6 | `#812947` | `oklch(42.33% 0.1235 3.12)` | Red Plum | white, 8.9 to 1 |
| 7 | `#7a243a` | `oklch(40.02% 0.1205 9.18)` | Brown Magenta | white, 9.8 to 1 |
| 8 | `#792528` | `oklch(39.48% 0.1170 22.48)` | Biking Red | white, 9.9 to 1 |
| 9 | `#792f0b` | `oklch(40.45% 0.1129 42.15)` | Beer Glazed Bacon | white, 9.4 to 1 |
| 10 | `#704200` | `oklch(42.32% 0.0941 66.17)` | Bloodtracker Brown | white, 8.5 to 1 |
| 11 | `#655200` | `oklch(44.48% 0.0911 92.78)` | Olive Brown | white, 7.6 to 1 |
| 12 | `#526016` | `oklch(46.33% 0.0984 119.90)` | Camouflage Green | white, 6.8 to 1 |
| 13 | `#36693a` | `oklch(47.26% 0.0931 145.54)` | Vegas Green | white, 6.4 to 1 |
| 14 | `#146951` | `oklch(46.69% 0.0871 168.69)` | Tractor Green | white, 6.6 to 1 |
| 15 | `#00615f` | `oklch(44.59% 0.0766 191.81)` | Emerald Stone | white, 7.2 to 1 |
| 16 | `#0e5563` | `oklch(41.65% 0.0688 214.95)` | Rainy Morning | white, 8.3 to 1 |
| 17 | `#214860` | `oklch(38.57% 0.0598 237.77)` | Dark Slate Blue | white, 9.6 to 1 |
| 18 | `#2d3e5a` | `oklch(36.07% 0.0536 259.97)` | Academic Blue | white, 10.8 to 1 |
| 19 | `#353755` | `oklch(34.86% 0.0518 281.23)` | Mediaeval Blue | white, 11.4 to 1 |
| 20 | `#413555` | `oklch(35.59% 0.0567 301.31)` | Devil’s Plum | white, 11.2 to 1 |
| 21 | `#533659` | `oklch(38.12% 0.0702 320.78)` | Dark Blackberry | white, 10.3 to 1 |
| 22 | `#6c385c` | `oklch(41.93% 0.0896 339.62)` | Grape | white, 8.9 to 1 |
| 23 | `#893b5a` | `oklch(46.54% 0.1115 357.59)` | Quinacridone Magenta | white, 7.4 to 1 |
| 24 | `#a5414f` | `oklch(51.44% 0.1326 14.43)` | Floriography | white, 6 to 1 |
| 25 | `#bc4b3c` | `oklch(56.15% 0.1492 29.92)` | Glowing Coals | white, 4.9 to 1 |
| 26 | `#cb5a21` | `oklch(60.21% 0.1581 43.83)` | Bright Delight | black, 5 to 1 |
| 27 | `#d26f00` | `oklch(64.20% 0.1564 56.41)` | Autumn Maple | black, 5.9 to 1 |
| 28 | `#d58400` | `oklch(68.34% 0.1502 67.81)` | Dulce de Leche | black, 7.1 to 1 |
| 29 | `#d8980f` | `oklch(72.39% 0.1483 77.92)` | New England Autumn | black, 8.4 to 1 |
| 30 | `#d8aa32` | `oklch(76.10% 0.1400 86.60)` | Brassy Tint | black, 9.7 to 1 |
| 31 | `#d8b94a` | `oklch(79.22% 0.1326 93.76)` | Credo | black, 10.9 to 1 |
| 32 | `#d7c45a` | `oklch(81.50% 0.1281 99.30)` | Nervy Hue | black, 11.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c45d64 0.0%, #bb5661 3.2%, #ad4b5d 6.5%, #9d3f59 9.7%, #8e3351 12.9%, #812947 16.1%, #7a243a 19.4%, #792528 22.6%, #792f0b 25.8%, #704200 29.0%, #655200 32.3%, #526016 35.5%, #36693a 38.7%, #146951 41.9%, #00615f 45.2%, #0e5563 48.4%, #214860 51.6%, #2d3e5a 54.8%, #353755 58.1%, #413555 61.3%, #533659 64.5%, #6c385c 67.7%, #893b5a 71.0%, #a5414f 74.2%, #bc4b3c 77.4%, #cb5a21 80.6%, #d26f00 83.9%, #d58400 87.1%, #d8980f 90.3%, #d8aa32 93.5%, #d8b94a 96.8%, #d7c45a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(60.63% 0.1323 17.58) 0.0%, oklch(58.14% 0.1312 15.28) 3.2%, oklch(54.44% 0.1298 10.71) 6.5%, oklch(50.17% 0.1281 5.85) 9.7%, oklch(45.92% 0.1260 2.66) 12.9%, oklch(42.33% 0.1235 3.12) 16.1%, oklch(40.02% 0.1205 9.18) 19.4%, oklch(39.48% 0.1170 22.48) 22.6%, oklch(40.45% 0.1129 42.15) 25.8%, oklch(42.32% 0.0941 66.17) 29.0%, oklch(44.48% 0.0911 92.78) 32.3%, oklch(46.33% 0.0984 119.90) 35.5%, oklch(47.26% 0.0931 145.54) 38.7%, oklch(46.69% 0.0871 168.69) 41.9%, oklch(44.59% 0.0766 191.81) 45.2%, oklch(41.65% 0.0688 214.95) 48.4%, oklch(38.57% 0.0598 237.77) 51.6%, oklch(36.07% 0.0536 259.97) 54.8%, oklch(34.86% 0.0518 281.23) 58.1%, oklch(35.59% 0.0567 301.31) 61.3%, oklch(38.12% 0.0702 320.78) 64.5%, oklch(41.93% 0.0896 339.62) 67.7%, oklch(46.54% 0.1115 357.59) 71.0%, oklch(51.44% 0.1326 14.43) 74.2%, oklch(56.15% 0.1492 29.92) 77.4%, oklch(60.21% 0.1581 43.83) 80.6%, oklch(64.20% 0.1564 56.41) 83.9%, oklch(68.34% 0.1502 67.81) 87.1%, oklch(72.39% 0.1483 77.92) 90.3%, oklch(76.10% 0.1400 86.60) 93.5%, oklch(79.22% 0.1326 93.76) 96.8%, oklch(81.50% 0.1281 99.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.132 | 17.6 |
| 2 | 0.398 | 0.12 | 11.2 |
| 3 | 0.472 | 0.091 | 155 |
| 4 | 0.35 | 0.054 | 293.4 |
| 5 | 0.594 | 0.157 | 401.2 |
| 6 | 0.815 | 0.128 | 459.3 |

## Other forms

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