# Pastel rainbow from blue to beige radial gradient

Pastel rainbow from blue to beige radial gradient with 40 colors: #426ca4, #3d7ba8, #418fa9, #5aa4a7, #80b7a6, #a7c7ab, #c6d4b7, #dcdfc5, #e6e5cd, #e7e6cd, #e1e4c8, #d3dfbf, #c0d9b8, #abd3b5, #98ceb3, #8cc9b2, #8bc8ae, #94c9aa, #a3cca7, #b7cfa6, #cad2a8, #dbd3ae, #e6d2b4, #eacfba, #e7c6bb, #dcb9b7, #caa7b1, #b396aa, #9986a3, #7f7a9b, #687393, #58738d, #51798b, #56868b, #68968d, #83a791, #a3b89a, #c1c8a5, #dad5b2, #ebdebc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYhkm2dAuuGOax3uDzIxRMsHKRLY`
- Page: https://grabient.com/kYhkm2dAuuGOax3uDzIxRMsHKRLY?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: pastel, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#426ca4` | `oklch(52.76% 0.1006 255.94)` | Mega Blue | white, 5.3 to 1 |
| 2 | `#3d7ba8` | `oklch(56.19% 0.0943 242.39)` | Beijing Blue | black, 4.6 to 1 |
| 3 | `#418fa9` | `oklch(61.17% 0.0851 222.66)` | Boston Blue | black, 5.7 to 1 |
| 4 | `#5aa4a7` | `oklch(67.13% 0.0741 199.06)` | Twilight Meadow | black, 7.2 to 1 |
| 5 | `#80b7a6` | `oklch(73.50% 0.0624 173.90)` | Key Largo | black, 9.1 to 1 |
| 6 | `#a7c7ab` | `oklch(79.70% 0.0511 149.49)` | Pastel Meadow | black, 11.3 to 1 |
| 7 | `#c6d4b7` | `oklch(85.17% 0.0415 128.14)` | Willow Tree Mouse | black, 13.5 to 1 |
| 8 | `#dcdfc5` | `oklch(89.33% 0.0345 112.17)` | Airy Fields | black, 15.3 to 1 |
| 9 | `#e6e5cd` | `oklch(91.63% 0.0314 103.89)` | Pineapple Soda | black, 16.4 to 1 |
| 10 | `#e7e6cd` | `oklch(91.97% 0.0327 104.56)` | Light Fern Green | black, 16.6 to 1 |
| 11 | `#e1e4c8` | `oklch(90.82% 0.0374 112.24)` | More Melon | black, 16 to 1 |
| 12 | `#d3dfbf` | `oklch(88.63% 0.0444 124.45)` | Security | black, 15 to 1 |
| 13 | `#c0d9b8` | `oklch(85.88% 0.0525 138.68)` | Grasshopper Pie | black, 13.9 to 1 |
| 14 | `#abd3b5` | `oklch(83.01% 0.0606 152.45)` | Glenwood Green | black, 12.7 to 1 |
| 15 | `#98ceb3` | `oklch(80.50% 0.0674 163.28)` | Mint Ice Cream | black, 11.7 to 1 |
| 16 | `#8cc9b2` | `oklch(78.79% 0.0719 168.65)` | Pale Teal | black, 11.1 to 1 |
| 17 | `#8bc8ae` | `oklch(78.33% 0.0730 166.48)` | Hellion Green | black, 10.9 to 1 |
| 18 | `#94c9aa` | `oklch(79.08% 0.0712 158.90)` | Peppermint Spray | black, 11.2 to 1 |
| 19 | `#a3cca7` | `oklch(80.65% 0.0673 147.40)` | Fescue | black, 11.7 to 1 |
| 20 | `#b7cfa6` | `oklch(82.65% 0.0620 132.79)` | Spumoni Green | black, 12.5 to 1 |
| 21 | `#cad2a8` | `oklch(84.68% 0.0561 115.87)` | Olive Martini | black, 13.2 to 1 |
| 22 | `#dbd3ae` | `oklch(86.36% 0.0503 97.46)` | Stardust | black, 13.9 to 1 |
| 23 | `#e6d2b4` | `oklch(87.30% 0.0454 78.35)` | Aebleskiver | black, 14.2 to 1 |
| 24 | `#eacfba` | `oklch(87.10% 0.0421 59.36)` | English Scone | black, 14.1 to 1 |
| 25 | `#e7c6bb` | `oklch(85.27% 0.0408 40.72)` | Lyman Camellia | black, 13.2 to 1 |
| 26 | `#dcb9b7` | `oklch(81.48% 0.0411 20.66)` | Rose Hip Tonic | black, 11.6 to 1 |
| 27 | `#caa7b1` | `oklch(76.33% 0.0425 359.34)` | Dutchess Dawn | black, 9.7 to 1 |
| 28 | `#b396aa` | `oklch(70.52% 0.0445 337.17)` | Ashberry | black, 7.8 to 1 |
| 29 | `#9986a3` | `oklch(64.73% 0.0469 314.56)` | Amethyst Grey Violet | black, 6.3 to 1 |
| 30 | `#7f7a9b` | `oklch(59.64% 0.0492 291.91)` | Grape Jam | black, 5.1 to 1 |
| 31 | `#687393` | `oklch(55.95% 0.0511 269.63)` | Royal Intrigue | white, 4.6 to 1 |
| 32 | `#58738d` | `oklch(54.34% 0.0523 248.13)` | Copen Blue | white, 4.9 to 1 |
| 33 | `#51798b` | `oklch(55.36% 0.0525 226.77)` | Cayman Bay | white, 4.7 to 1 |
| 34 | `#56868b` | `oklch(58.68% 0.0521 204.07)` | Rainier Blue | black, 5.1 to 1 |
| 35 | `#68968d` | `oklch(63.65% 0.0514 180.85)` | Green Turquoise | black, 6.3 to 1 |
| 36 | `#83a791` | `oklch(69.60% 0.0504 158.02)` | Catnip | black, 7.9 to 1 |
| 37 | `#a3b89a` | `oklch(75.89% 0.0493 136.48)` | Laurel Green | black, 9.9 to 1 |
| 38 | `#c1c8a5` | `oklch(81.85% 0.0483 117.13)` | Rejuvenate | black, 12 to 1 |
| 39 | `#dad5b2` | `oklch(86.82% 0.0474 100.88)` | Suna White | black, 14.1 to 1 |
| 40 | `#ebdebc` | `oklch(90.16% 0.0469 88.62)` | Salt Steppe | black, 15.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #426ca4 0.0%, #3d7ba8 2.6%, #418fa9 5.1%, #5aa4a7 7.7%, #80b7a6 10.3%, #a7c7ab 12.8%, #c6d4b7 15.4%, #dcdfc5 17.9%, #e6e5cd 20.5%, #e7e6cd 23.1%, #e1e4c8 25.6%, #d3dfbf 28.2%, #c0d9b8 30.8%, #abd3b5 33.3%, #98ceb3 35.9%, #8cc9b2 38.5%, #8bc8ae 41.0%, #94c9aa 43.6%, #a3cca7 46.2%, #b7cfa6 48.7%, #cad2a8 51.3%, #dbd3ae 53.8%, #e6d2b4 56.4%, #eacfba 59.0%, #e7c6bb 61.5%, #dcb9b7 64.1%, #caa7b1 66.7%, #b396aa 69.2%, #9986a3 71.8%, #7f7a9b 74.4%, #687393 76.9%, #58738d 79.5%, #51798b 82.1%, #56868b 84.6%, #68968d 87.2%, #83a791 89.7%, #a3b89a 92.3%, #c1c8a5 94.9%, #dad5b2 97.4%, #ebdebc 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.76% 0.1006 255.94) 0.0%, oklch(56.19% 0.0943 242.39) 2.6%, oklch(61.17% 0.0851 222.66) 5.1%, oklch(67.13% 0.0741 199.06) 7.7%, oklch(73.50% 0.0624 173.90) 10.3%, oklch(79.70% 0.0511 149.49) 12.8%, oklch(85.17% 0.0415 128.14) 15.4%, oklch(89.33% 0.0345 112.17) 17.9%, oklch(91.63% 0.0314 103.89) 20.5%, oklch(91.97% 0.0327 104.56) 23.1%, oklch(90.82% 0.0374 112.24) 25.6%, oklch(88.63% 0.0444 124.45) 28.2%, oklch(85.88% 0.0525 138.68) 30.8%, oklch(83.01% 0.0606 152.45) 33.3%, oklch(80.50% 0.0674 163.28) 35.9%, oklch(78.79% 0.0719 168.65) 38.5%, oklch(78.33% 0.0730 166.48) 41.0%, oklch(79.08% 0.0712 158.90) 43.6%, oklch(80.65% 0.0673 147.40) 46.2%, oklch(82.65% 0.0620 132.79) 48.7%, oklch(84.68% 0.0561 115.87) 51.3%, oklch(86.36% 0.0503 97.46) 53.8%, oklch(87.30% 0.0454 78.35) 56.4%, oklch(87.10% 0.0421 59.36) 59.0%, oklch(85.27% 0.0408 40.72) 61.5%, oklch(81.48% 0.0411 20.66) 64.1%, oklch(76.33% 0.0425 359.34) 66.7%, oklch(70.52% 0.0445 337.17) 69.2%, oklch(64.73% 0.0469 314.56) 71.8%, oklch(59.64% 0.0492 291.91) 74.4%, oklch(55.95% 0.0511 269.63) 76.9%, oklch(54.34% 0.0523 248.13) 79.5%, oklch(55.36% 0.0525 226.77) 82.1%, oklch(58.68% 0.0521 204.07) 84.6%, oklch(63.65% 0.0514 180.85) 87.2%, oklch(69.60% 0.0504 158.02) 89.7%, oklch(75.89% 0.0493 136.48) 92.3%, oklch(81.85% 0.0483 117.13) 94.9%, oklch(86.82% 0.0474 100.88) 97.4%, oklch(90.16% 0.0469 88.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.101 | 255.9 |
| 2 | 0.913 | 0.032 | 104.8 |
| 3 | 0.783 | 0.073 | 168.2 |
| 4 | 0.866 | 0.041 | 52 |
| 5 | 0.543 | 0.052 | -116 |
| 6 | 0.902 | 0.047 | -271.4 |

## Other forms

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