# Rainbow from peach to purple radial gradient

Rainbow from peach to purple radial gradient with 32 colors: #ffe4b0, #ffdba3, #ffcc91, #ffba81, #ffa572, #fe9066, #fb7e5e, #f67055, #f26a44, #ee6e26, #e17e00, #d09000, #bda100, #a1b230, #7fbd5f, #5cc180, #38be95, #00b6a2, #00a9a7, #009ba8, #008ca6, #007ea4, #1271a2, #27669e, #365d9c, #43559a, #4f4f98, #5a4a95, #644592, #6d418d, #743d89, #793a84. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW7DU717-6NywTs-qEqurBII`
- Page: https://grabient.com/kW7DU717-6NywTs-qEqurBII?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 6.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 | `#ffe4b0` | `oklch(92.91% 0.0727 83.68)` | Wickerware | black, 17 to 1 |
| 2 | `#ffdba3` | `oklch(90.79% 0.0822 78.51)` | Porcelain Yellow | black, 15.8 to 1 |
| 3 | `#ffcc91` | `oklch(87.73% 0.0946 70.28)` | Tangerine Silk | black, 14.3 to 1 |
| 4 | `#ffba81` | `oklch(84.08% 0.1085 60.39)` | Goose Bill | black, 12.5 to 1 |
| 5 | `#ffa572` | `oklch(80.17% 0.1259 50.29)` | Young Tangerine | black, 10.9 to 1 |
| 6 | `#fe9066` | `oklch(76.33% 0.1454 41.41)` | Pink Orange | black, 9.4 to 1 |
| 7 | `#fb7e5e` | `oklch(72.90% 0.1598 35.20)` | Slippery Salmon | black, 8.2 to 1 |
| 8 | `#f67055` | `oklch(70.22% 0.1704 33.09)` | Peach Echo | black, 7.3 to 1 |
| 9 | `#f26a44` | `oklch(68.62% 0.1758 36.50)` | Opulent Orange | black, 6.9 to 1 |
| 10 | `#ee6e26` | `oklch(68.25% 0.1761 45.83)` | Orange Zest | black, 6.8 to 1 |
| 11 | `#e17e00` | `oklch(68.82% 0.1616 59.85)` | Sports Fan | black, 7.1 to 1 |
| 12 | `#d09000` | `oklch(69.98% 0.1463 77.24)` | End of Summer | black, 7.6 to 1 |
| 13 | `#bda100` | `oklch(71.37% 0.1470 96.63)` | Snakebite Leather | black, 8.2 to 1 |
| 14 | `#a1b230` | `oklch(72.62% 0.1496 116.68)` | Vintage Chartreuse | black, 8.9 to 1 |
| 15 | `#7fbd5f` | `oklch(73.38% 0.1414 136.04)` | Leafy Greens | black, 9.3 to 1 |
| 16 | `#5cc180` | `oklch(73.30% 0.1347 153.35)` | Heart Chakra | black, 9.3 to 1 |
| 17 | `#38be95` | `oklch(72.05% 0.1302 167.70)` | Mountain Meadow | black, 8.9 to 1 |
| 18 | `#00b6a2` | `oklch(69.69% 0.1257 180.92)` | Aare River | black, 8.2 to 1 |
| 19 | `#00a9a7` | `oklch(66.53% 0.1138 193.46)` | Jade Orchid | black, 7.2 to 1 |
| 20 | `#009ba8` | `oklch(62.90% 0.1075 205.41)` | Turkish Boy | black, 6.2 to 1 |
| 21 | `#008ca6` | `oklch(59.08% 0.1054 216.87)` | Quintana | black, 5.3 to 1 |
| 22 | `#007ea4` | `oklch(55.40% 0.1080 227.92)` | Kingfisher Sheen | white, 4.6 to 1 |
| 23 | `#1271a2` | `oklch(52.16% 0.1111 238.62)` | Quarterdeck | white, 5.3 to 1 |
| 24 | `#27669e` | `oklch(49.68% 0.1103 249.10)` | Distant Blue | white, 6 to 1 |
| 25 | `#365d9c` | `oklch(48.09% 0.1107 259.57)` | Neptune Blue | white, 6.5 to 1 |
| 26 | `#43559a` | `oklch(47.05% 0.1127 270.25)` | Nuthatch Back | white, 6.9 to 1 |
| 27 | `#4f4f98` | `oklch(46.46% 0.1157 280.84)` | Blue Ember | white, 7.2 to 1 |
| 28 | `#5a4a95` | `oklch(46.18% 0.1194 291.02)` | Liberty | white, 7.3 to 1 |
| 29 | `#644592` | `oklch(46.11% 0.1233 300.48)` | Sweet Flag | white, 7.4 to 1 |
| 30 | `#6d418d` | `oklch(46.15% 0.1271 308.92)` | Amaranth Purple | white, 7.5 to 1 |
| 31 | `#743d89` | `oklch(46.17% 0.1302 316.01)` | Amaranth Purple | white, 7.5 to 1 |
| 32 | `#793a84` | `oklch(46.06% 0.1323 321.44)` | Amaranth Purple | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffe4b0 0.0%, #ffdba3 3.2%, #ffcc91 6.5%, #ffba81 9.7%, #ffa572 12.9%, #fe9066 16.1%, #fb7e5e 19.4%, #f67055 22.6%, #f26a44 25.8%, #ee6e26 29.0%, #e17e00 32.3%, #d09000 35.5%, #bda100 38.7%, #a1b230 41.9%, #7fbd5f 45.2%, #5cc180 48.4%, #38be95 51.6%, #00b6a2 54.8%, #00a9a7 58.1%, #009ba8 61.3%, #008ca6 64.5%, #007ea4 67.7%, #1271a2 71.0%, #27669e 74.2%, #365d9c 77.4%, #43559a 80.6%, #4f4f98 83.9%, #5a4a95 87.1%, #644592 90.3%, #6d418d 93.5%, #743d89 96.8%, #793a84 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0727 83.68) 0.0%, oklch(90.79% 0.0822 78.51) 3.2%, oklch(87.73% 0.0946 70.28) 6.5%, oklch(84.08% 0.1085 60.39) 9.7%, oklch(80.17% 0.1259 50.29) 12.9%, oklch(76.33% 0.1454 41.41) 16.1%, oklch(72.90% 0.1598 35.20) 19.4%, oklch(70.22% 0.1704 33.09) 22.6%, oklch(68.62% 0.1758 36.50) 25.8%, oklch(68.25% 0.1761 45.83) 29.0%, oklch(68.82% 0.1616 59.85) 32.3%, oklch(69.98% 0.1463 77.24) 35.5%, oklch(71.37% 0.1470 96.63) 38.7%, oklch(72.62% 0.1496 116.68) 41.9%, oklch(73.38% 0.1414 136.04) 45.2%, oklch(73.30% 0.1347 153.35) 48.4%, oklch(72.05% 0.1302 167.70) 51.6%, oklch(69.69% 0.1257 180.92) 54.8%, oklch(66.53% 0.1138 193.46) 58.1%, oklch(62.90% 0.1075 205.41) 61.3%, oklch(59.08% 0.1054 216.87) 64.5%, oklch(55.40% 0.1080 227.92) 67.7%, oklch(52.16% 0.1111 238.62) 71.0%, oklch(49.68% 0.1103 249.10) 74.2%, oklch(48.09% 0.1107 259.57) 77.4%, oklch(47.05% 0.1127 270.25) 80.6%, oklch(46.46% 0.1157 280.84) 83.9%, oklch(46.18% 0.1194 291.02) 87.1%, oklch(46.11% 0.1233 300.48) 90.3%, oklch(46.15% 0.1271 308.92) 93.5%, oklch(46.17% 0.1302 316.01) 96.8%, oklch(46.06% 0.1323 321.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.073 | 83.7 |
| 2 | 0.689 | 0.175 | 35.1 |
| 3 | 0.728 | 0.132 | 160.8 |
| 4 | 0.492 | 0.11 | 251.7 |
| 5 | 0.461 | 0.132 | 321.4 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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