# Triadic purple, pink, tan and light blue radial gradient

Triadic purple, pink, tan and light blue radial gradient with 32 colors: #99798f, #a07d93, #a88297, #b3889d, #be8fa3, #ca96a8, #d59cab, #dea2ad, #e5a6ad, #e9a9ac, #ecacaa, #eeada7, #efafa3, #eeb19f, #edb39a, #eab596, #e6b992, #e1bd91, #d8c291, #cfc696, #c4ca9c, #bacda4, #b1cfad, #a9cfb4, #a2ceba, #9accbf, #93c9c3, #8dc5c7, #88c0ca, #85bccc, #84b8cd, #84b5ce. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWnCXw45tDuebRXoFEvXxdIo`
- Page: https://grabient.com/kWnCXw45tDuebRXoFEvXxdIo?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.2 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 | `#99798f` | `oklch(61.42% 0.0510 338.20)` | Mountbatten Pink | black, 5.4 to 1 |
| 2 | `#a07d93` | `oklch(62.87% 0.0530 340.63)` | Valerian | black, 5.8 to 1 |
| 3 | `#a88297` | `oklch(64.92% 0.0559 343.77)` | Bouquet | black, 6.2 to 1 |
| 4 | `#b3889d` | `oklch(67.37% 0.0594 347.49)` | Orchid Haze | black, 6.9 to 1 |
| 5 | `#be8fa3` | `oklch(70.02% 0.0632 351.70)` | Winsome Rose | black, 7.6 to 1 |
| 6 | `#ca96a8` | `oklch(72.67% 0.0669 356.28)` | Honey Pink | black, 8.4 to 1 |
| 7 | `#d59cab` | `oklch(75.12% 0.0702 1.12)` | Silver Rose | black, 9.1 to 1 |
| 8 | `#dea2ad` | `oklch(77.18% 0.0730 6.12)` | Iced Vovo | black, 9.8 to 1 |
| 9 | `#e5a6ad` | `oklch(78.66% 0.0748 11.15)` | Perennial Phlox | black, 10.3 to 1 |
| 10 | `#e9a9ac` | `oklch(79.67% 0.0759 15.98)` | Hibiscus Petal | black, 10.7 to 1 |
| 11 | `#ecacaa` | `oklch(80.35% 0.0767 20.71)` | Shaded Primrose | black, 11 to 1 |
| 12 | `#eeada7` | `oklch(80.78% 0.0771 25.61)` | Pressed Rose | black, 11.2 to 1 |
| 13 | `#efafa3` | `oklch(81.03% 0.0770 30.92)` | Lusty Salmon | black, 11.3 to 1 |
| 14 | `#eeb19f` | `oklch(81.17% 0.0767 36.89)` | Stucco Wall | black, 11.3 to 1 |
| 15 | `#edb39a` | `oklch(81.27% 0.0760 43.79)` | Wax Flower | black, 11.4 to 1 |
| 16 | `#eab596` | `oklch(81.40% 0.0750 51.85)` | Posh Peach | black, 11.5 to 1 |
| 17 | `#e6b992` | `oklch(81.61% 0.0737 61.41)` | Southern Peach | black, 11.7 to 1 |
| 18 | `#e1bd91` | `oklch(81.86% 0.0715 72.84)` | Dakota Wheat | black, 11.8 to 1 |
| 19 | `#d8c291` | `oklch(82.09% 0.0686 85.73)` | Chamomile Tea | black, 12 to 1 |
| 20 | `#cfc696` | `oklch(82.28% 0.0655 99.56)` | Vast Escape | black, 12.2 to 1 |
| 21 | `#c4ca9c` | `oklch(82.39% 0.0622 113.81)` | Dappled Daydream | black, 12.3 to 1 |
| 22 | `#bacda4` | `oklch(82.40% 0.0593 127.97)` | Pixie Green | black, 12.3 to 1 |
| 23 | `#b1cfad` | `oklch(82.28% 0.0569 141.51)` | Gio Ponti Green | black, 12.3 to 1 |
| 24 | `#a9cfb4` | `oklch(81.99% 0.0553 153.93)` | Pastel Mint Green | black, 12.2 to 1 |
| 25 | `#a2ceba` | `oklch(81.47% 0.0549 165.31)` | Thermal Aqua | black, 12 to 1 |
| 26 | `#9accbf` | `oklch(80.66% 0.0553 176.75)` | Thermal Aqua | black, 11.7 to 1 |
| 27 | `#93c9c3` | `oklch(79.64% 0.0564 188.00)` | Jamaica Bay | black, 11.3 to 1 |
| 28 | `#8dc5c7` | `oklch(78.51% 0.0578 198.76)` | Embellished Blue | black, 10.9 to 1 |
| 29 | `#88c0ca` | `oklch(77.37% 0.0595 208.72)` | Aftercare | black, 10.4 to 1 |
| 30 | `#85bccc` | `oklch(76.31% 0.0612 217.58)` | Blue Echo | black, 10 to 1 |
| 31 | `#84b8cd` | `oklch(75.42% 0.0625 225.03)` | Blue Bird Morning | black, 9.7 to 1 |
| 32 | `#84b5ce` | `oklch(74.80% 0.0634 230.77)` | Harbour Sky | black, 9.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #99798f 0.0%, #a07d93 3.2%, #a88297 6.5%, #b3889d 9.7%, #be8fa3 12.9%, #ca96a8 16.1%, #d59cab 19.4%, #dea2ad 22.6%, #e5a6ad 25.8%, #e9a9ac 29.0%, #ecacaa 32.3%, #eeada7 35.5%, #efafa3 38.7%, #eeb19f 41.9%, #edb39a 45.2%, #eab596 48.4%, #e6b992 51.6%, #e1bd91 54.8%, #d8c291 58.1%, #cfc696 61.3%, #c4ca9c 64.5%, #bacda4 67.7%, #b1cfad 71.0%, #a9cfb4 74.2%, #a2ceba 77.4%, #9accbf 80.6%, #93c9c3 83.9%, #8dc5c7 87.1%, #88c0ca 90.3%, #85bccc 93.5%, #84b8cd 96.8%, #84b5ce 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.0510 338.20) 0.0%, oklch(62.87% 0.0530 340.63) 3.2%, oklch(64.92% 0.0559 343.77) 6.5%, oklch(67.37% 0.0594 347.49) 9.7%, oklch(70.02% 0.0632 351.70) 12.9%, oklch(72.67% 0.0669 356.28) 16.1%, oklch(75.12% 0.0702 1.12) 19.4%, oklch(77.18% 0.0730 6.12) 22.6%, oklch(78.66% 0.0748 11.15) 25.8%, oklch(79.67% 0.0759 15.98) 29.0%, oklch(80.35% 0.0767 20.71) 32.3%, oklch(80.78% 0.0771 25.61) 35.5%, oklch(81.03% 0.0770 30.92) 38.7%, oklch(81.17% 0.0767 36.89) 41.9%, oklch(81.27% 0.0760 43.79) 45.2%, oklch(81.40% 0.0750 51.85) 48.4%, oklch(81.61% 0.0737 61.41) 51.6%, oklch(81.86% 0.0715 72.84) 54.8%, oklch(82.09% 0.0686 85.73) 58.1%, oklch(82.28% 0.0655 99.56) 61.3%, oklch(82.39% 0.0622 113.81) 64.5%, oklch(82.40% 0.0593 127.97) 67.7%, oklch(82.28% 0.0569 141.51) 71.0%, oklch(81.99% 0.0553 153.93) 74.2%, oklch(81.47% 0.0549 165.31) 77.4%, oklch(80.66% 0.0553 176.75) 80.6%, oklch(79.64% 0.0564 188.00) 83.9%, oklch(78.51% 0.0578 198.76) 87.1%, oklch(77.37% 0.0595 208.72) 90.3%, oklch(76.31% 0.0612 217.58) 93.5%, oklch(75.42% 0.0625 225.03) 96.8%, oklch(74.80% 0.0634 230.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.051 | 338.2 |
| 2 | 0.783 | 0.074 | 369.9 |
| 3 | 0.815 | 0.074 | 416.4 |
| 4 | 0.819 | 0.055 | 516.8 |
| 5 | 0.748 | 0.063 | 590.8 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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