# Muted rainbow from teal to pink radial gradient

Muted rainbow from teal to pink radial gradient with 32 colors: #aad2b6, #8dbdaa, #689e98, #457982, #2d546a, #233652, #222240, #271a36, #331d32, #432633, #533436, #5f433c, #664f40, #665240, #624e3b, #5c4734, #553f2c, #513926, #503722, #543e23, #5c4e2c, #63643e, #697e5a, #6b987e, #6faea4, #7abbc5, #8ec1e0, #abc2f0, #cac0f2, #e3bee9, #f3bfdc, #fdc2d1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY0ipuIRRPjmOT2vEkD3pjQO6Z0o`
- Page: https://grabient.com/kY0ipuIRRPjmOT2vEkD3pjQO6Z0o?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, rainbow
- Hues: tetradic
- Contrast of its darkest and lightest colors: 10.6 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 | `#aad2b6` | `oklch(82.68% 0.0579 154.69)` | Glenwood Green | black, 12.5 to 1 |
| 2 | `#8dbdaa` | `oklch(75.92% 0.0577 168.51)` | Mild Evergreen | black, 10 to 1 |
| 3 | `#689e98` | `oklch(65.91% 0.0577 187.56)` | Canton | black, 6.9 to 1 |
| 4 | `#457982` | `oklch(54.31% 0.0576 210.15)` | Sea Quest | white, 4.8 to 1 |
| 5 | `#2d546a` | `oklch(42.79% 0.0572 234.62)` | Deep Dive | white, 8 to 1 |
| 6 | `#233652` | `oklch(33.03% 0.0566 259.29)` | Boatswain | white, 12.2 to 1 |
| 7 | `#222240` | `oklch(26.69% 0.0554 282.47)` | Black Market | white, 15.3 to 1 |
| 8 | `#271a36` | `oklch(24.95% 0.0535 304.63)` | Blackcurrant | white, 16.2 to 1 |
| 9 | `#331d32` | `oklch(26.85% 0.0505 328.57)` | Zero Gravity | white, 15.4 to 1 |
| 10 | `#432633` | `oklch(31.08% 0.0470 352.89)` | Soft Red | white, 13.4 to 1 |
| 11 | `#533436` | `oklch(36.32% 0.0436 16.06)` | Mid Century | white, 10.9 to 1 |
| 12 | `#5f433c` | `oklch(41.28% 0.0407 36.55)` | Death by Chocolate | white, 8.8 to 1 |
| 13 | `#664f40` | `oklch(44.66% 0.0389 52.83)` | Revival Mahogany | white, 7.6 to 1 |
| 14 | `#665240` | `oklch(45.37% 0.0385 62.93)` | Hickory Grove | white, 7.3 to 1 |
| 15 | `#624e3b` | `oklch(43.97% 0.0393 65.52)` | Rooted | white, 7.8 to 1 |
| 16 | `#5c4734` | `oklch(41.43% 0.0409 63.45)` | Woodland Brown | white, 8.7 to 1 |
| 17 | `#553f2c` | `oklch(38.65% 0.0431 59.87)` | Antique Brown | white, 9.8 to 1 |
| 18 | `#513926` | `oklch(36.58% 0.0456 57.96)` | Bonanza | white, 10.7 to 1 |
| 19 | `#503722` | `oklch(36.12% 0.0482 60.88)` | Café Noir | white, 10.9 to 1 |
| 20 | `#543e23` | `oklch(38.18% 0.0506 71.46)` | Clove Yellow Brown | white, 10 to 1 |
| 21 | `#5c4e2c` | `oklch(42.85% 0.0535 88.17)` | West Coast | white, 8.1 to 1 |
| 22 | `#63643e` | `oklch(49.30% 0.0567 109.16)` | Aloe Leaf | white, 6.1 to 1 |
| 23 | `#697e5a` | `oklch(56.65% 0.0601 133.04)` | Emerald City | black, 4.7 to 1 |
| 24 | `#6b987e` | `oklch(64.00% 0.0632 158.44)` | Club Moss | black, 6.4 to 1 |
| 25 | `#6faea4` | `oklch(70.47% 0.0659 184.01)` | Turquoise Fantasies | black, 8.2 to 1 |
| 26 | `#7abbc5` | `oklch(75.20% 0.0678 208.51)` | Azure Lake | black, 9.7 to 1 |
| 27 | `#8ec1e0` | `oklch(78.60% 0.0690 235.24)` | Club Cruise | black, 10.8 to 1 |
| 28 | `#abc2f0` | `oklch(81.22% 0.0697 264.43)` | Sky High | black, 11.6 to 1 |
| 29 | `#cac0f2` | `oklch(83.22% 0.0700 293.85)` | Connecticut Lilac | black, 12.3 to 1 |
| 30 | `#e3bee9` | `oklch(84.75% 0.0701 321.26)` | Beefy Pink | black, 12.8 to 1 |
| 31 | `#f3bfdc` | `oklch(85.96% 0.0702 344.42)` | Pink Heath | black, 13.3 to 1 |
| 32 | `#fdc2d1` | `oklch(87.01% 0.0703 1.11)` | Garden Glory | black, 13.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #aad2b6 0.0%, #8dbdaa 3.2%, #689e98 6.5%, #457982 9.7%, #2d546a 12.9%, #233652 16.1%, #222240 19.4%, #271a36 22.6%, #331d32 25.8%, #432633 29.0%, #533436 32.3%, #5f433c 35.5%, #664f40 38.7%, #665240 41.9%, #624e3b 45.2%, #5c4734 48.4%, #553f2c 51.6%, #513926 54.8%, #503722 58.1%, #543e23 61.3%, #5c4e2c 64.5%, #63643e 67.7%, #697e5a 71.0%, #6b987e 74.2%, #6faea4 77.4%, #7abbc5 80.6%, #8ec1e0 83.9%, #abc2f0 87.1%, #cac0f2 90.3%, #e3bee9 93.5%, #f3bfdc 96.8%, #fdc2d1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(82.68% 0.0579 154.69) 0.0%, oklch(75.92% 0.0577 168.51) 3.2%, oklch(65.91% 0.0577 187.56) 6.5%, oklch(54.31% 0.0576 210.15) 9.7%, oklch(42.79% 0.0572 234.62) 12.9%, oklch(33.03% 0.0566 259.29) 16.1%, oklch(26.69% 0.0554 282.47) 19.4%, oklch(24.95% 0.0535 304.63) 22.6%, oklch(26.85% 0.0505 328.57) 25.8%, oklch(31.08% 0.0470 352.89) 29.0%, oklch(36.32% 0.0436 16.06) 32.3%, oklch(41.28% 0.0407 36.55) 35.5%, oklch(44.66% 0.0389 52.83) 38.7%, oklch(45.37% 0.0385 62.93) 41.9%, oklch(43.97% 0.0393 65.52) 45.2%, oklch(41.43% 0.0409 63.45) 48.4%, oklch(38.65% 0.0431 59.87) 51.6%, oklch(36.58% 0.0456 57.96) 54.8%, oklch(36.12% 0.0482 60.88) 58.1%, oklch(38.18% 0.0506 71.46) 61.3%, oklch(42.85% 0.0535 88.17) 64.5%, oklch(49.30% 0.0567 109.16) 67.7%, oklch(56.65% 0.0601 133.04) 71.0%, oklch(64.00% 0.0632 158.44) 74.2%, oklch(70.47% 0.0659 184.01) 77.4%, oklch(75.20% 0.0678 208.51) 80.6%, oklch(78.60% 0.0690 235.24) 83.9%, oklch(81.22% 0.0697 264.43) 87.1%, oklch(83.22% 0.0700 293.85) 90.3%, oklch(84.75% 0.0701 321.26) 93.5%, oklch(85.96% 0.0702 344.42) 96.8%, oklch(87.01% 0.0703 1.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.058 | 154.7 |
| 2 | 0.26 | 0.055 | 286.8 |
| 3 | 0.453 | 0.039 | 417.8 |
| 4 | 0.37 | 0.05 | 426.3 |
| 5 | 0.744 | 0.068 | 563.7 |
| 6 | 0.87 | 0.07 | 721.1 |

## Other forms

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