# Muted violet muted blue gold gradient

Pastel rainbow from purple to yellow linear gradient with 48 colors: #634690, #6f4b92, #7f5396, #925d9a, #a66a9e, #bb78a1, #cf87a4, #e098a6, #efa8a8, #fab8aa, #ffc6ad, #ffd1b0, #fdd8ad, #f2dbab, #e1dca9, #cbd9aa, #b3d3ac, #9bcaaf, #86bfb1, #76b3b2, #6ca6b1, #669baf, #6392ac, #608daa, #5e8ca9, #5a8ea9, #5694a9, #539ba6, #56a4a0, #63ac95, #79b289, #95b67c, #b0b972, #c9b96e, #ddb96f, #ecb972, #f5b974, #fcb973, #ffbb74, #ffbd75, #ffbf72, #ffc169, #ffc35a, #ffc541, #fac835, #f5cc2b, #f1ce21, #efd019. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel rainbow from purple to yellow linear gradient
- Seed: `kWdVbVcpnPE6YVDoJyxbT9C4`
- Page: https://grabient.com/kWdVbVcpnPE6YVDoJyxbT9C4?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: pastel, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#634690` | `oklch(46.06% 0.1185 299.53)` | Lords of the Night | white, 7.4 to 1 |
| 2 | `#6f4b92` | `oklch(48.49% 0.1160 305.72)` | Grapes of Italy | white, 6.7 to 1 |
| 3 | `#7f5396` | `oklch(51.86% 0.1126 313.28)` | Royal Lilac | white, 5.8 to 1 |
| 4 | `#925d9a` | `oklch(55.96% 0.1085 322.07)` | Aster Violetta | white, 4.9 to 1 |
| 5 | `#a66a9e` | `oklch(60.58% 0.1040 331.94)` | Violet Femmes | black, 5.1 to 1 |
| 6 | `#bb78a1` | `oklch(65.50% 0.0991 342.71)` | Valentine Heart | black, 6.2 to 1 |
| 7 | `#cf87a4` | `oklch(70.51% 0.0940 354.24)` | Heirloom Rose | black, 7.6 to 1 |
| 8 | `#e098a6` | `oklch(75.38% 0.0890 6.37)` | Cherry Ice | black, 9.1 to 1 |
| 9 | `#efa8a8` | `oklch(79.91% 0.0841 18.95)` | Faint of Heart | black, 10.8 to 1 |
| 10 | `#fab8aa` | `oklch(83.89% 0.0795 31.81)` | Ruffles | black, 12.4 to 1 |
| 11 | `#ffc6ad` | `oklch(87.08% 0.0740 44.81)` | Antique Coral | black, 13.9 to 1 |
| 12 | `#ffd1b0` | `oklch(89.28% 0.0679 57.79)` | Papaya Whip | black, 15 to 1 |
| 13 | `#fdd8ad` | `oklch(90.28% 0.0697 70.67)` | Venus Deathtrap | black, 15.5 to 1 |
| 14 | `#f2dbab` | `oklch(89.97% 0.0677 85.47)` | Brilliant Gold | black, 15.5 to 1 |
| 15 | `#e1dca9` | `oklch(88.55% 0.0661 102.47)` | Virgin Olive Oil | black, 14.9 to 1 |
| 16 | `#cbd9aa` | `oklch(86.22% 0.0647 120.94)` | Chameleon | black, 14 to 1 |
| 17 | `#b3d3ac` | `oklch(83.22% 0.0636 140.20)` | Flower Stem | black, 12.7 to 1 |
| 18 | `#9bcaaf` | `oklch(79.77% 0.0629 159.54)` | Lobaria Lichen | black, 11.4 to 1 |
| 19 | `#86bfb1` | `oklch(76.09% 0.0625 178.26)` | Seaborn | black, 10 to 1 |
| 20 | `#76b3b2` | `oklch(72.41% 0.0624 195.64)` | Aurora Teal | black, 8.8 to 1 |
| 21 | `#6ca6b1` | `oklch(68.96% 0.0627 211.00)` | Stillwater | black, 7.7 to 1 |
| 22 | `#669baf` | `oklch(65.94% 0.0632 223.62)` | Yacht Blue | black, 6.8 to 1 |
| 23 | `#6392ac` | `oklch(63.59% 0.0641 232.80)` | Blue Cruise | black, 6.2 to 1 |
| 24 | `#608daa` | `oklch(62.14% 0.0654 237.84)` | Sea Crystal | black, 5.8 to 1 |
| 25 | `#5e8ca9` | `oklch(61.73% 0.0670 237.94)` | Sea Crystal | black, 5.7 to 1 |
| 26 | `#5a8ea9` | `oklch(62.14% 0.0690 232.43)` | Sea Crystal | black, 5.8 to 1 |
| 27 | `#5694a9` | `oklch(63.18% 0.0715 222.11)` | Blue Persia | black, 6.1 to 1 |
| 28 | `#539ba6` | `oklch(64.74% 0.0743 207.97)` | Tropical Oasis | black, 6.6 to 1 |
| 29 | `#56a4a0` | `oklch(66.70% 0.0775 190.97)` | Twilight Meadow | black, 7.1 to 1 |
| 30 | `#63ac95` | `oklch(68.94% 0.0810 172.11)` | Artemesia Green | black, 7.8 to 1 |
| 31 | `#79b289` | `oklch(71.35% 0.0848 152.35)` | Green Bank | black, 8.5 to 1 |
| 32 | `#95b67c` | `oklch(73.79% 0.0888 132.67)` | Snipped Chive | black, 9.2 to 1 |
| 33 | `#b0b972` | `oklch(76.16% 0.0930 114.06)` | Green Curry | black, 10 to 1 |
| 34 | `#c9b96e` | `oklch(78.34% 0.0973 97.48)` | Pistachio Shortbread | black, 10.6 to 1 |
| 35 | `#ddb96f` | `oklch(80.19% 0.1018 83.91)` | Tahini | black, 11.2 to 1 |
| 36 | `#ecb972` | `oklch(81.62% 0.1063 74.34)` | Kernel | black, 11.7 to 1 |
| 37 | `#f5b974` | `oklch(82.60% 0.1111 69.00)` | Rosy Skin | black, 12 to 1 |
| 38 | `#fcb973` | `oklch(83.38% 0.1166 66.38)` | Cheese Puff | black, 12.3 to 1 |
| 39 | `#ffbb74` | `oklch(84.00% 0.1181 66.02)` | Spiced Nectarine | black, 12.5 to 1 |
| 40 | `#ffbd75` | `oklch(84.48% 0.1169 67.51)` | Spiced Nectarine | black, 12.8 to 1 |
| 41 | `#ffbf72` | `oklch(84.83% 0.1197 70.45)` | Cinnamon Buff | black, 12.9 to 1 |
| 42 | `#ffc169` | `oklch(85.09% 0.1268 74.45)` | Solar Storm | black, 13.1 to 1 |
| 43 | `#ffc35a` | `oklch(85.27% 0.1388 79.09)` | Orange Delight | black, 13.2 to 1 |
| 44 | `#ffc541` | `oklch(85.39% 0.1551 83.98)` | Golden Promise | black, 13.3 to 1 |
| 45 | `#fac835` | `oklch(85.49% 0.1608 88.72)` | Banana Boat | black, 13.4 to 1 |
| 46 | `#f5cc2b` | `oklch(85.58% 0.1659 92.91)` | Golden Ticket | black, 13.5 to 1 |
| 47 | `#f1ce21` | `oklch(85.69% 0.1703 96.16)` | Golden Dream | black, 13.6 to 1 |
| 48 | `#efd019` | `oklch(85.83% 0.1736 98.04)` | Under the Sun | black, 13.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #634690 0.0%, #6f4b92 2.1%, #7f5396 4.3%, #925d9a 6.4%, #a66a9e 8.5%, #bb78a1 10.6%, #cf87a4 12.8%, #e098a6 14.9%, #efa8a8 17.0%, #fab8aa 19.1%, #ffc6ad 21.3%, #ffd1b0 23.4%, #fdd8ad 25.5%, #f2dbab 27.7%, #e1dca9 29.8%, #cbd9aa 31.9%, #b3d3ac 34.0%, #9bcaaf 36.2%, #86bfb1 38.3%, #76b3b2 40.4%, #6ca6b1 42.6%, #669baf 44.7%, #6392ac 46.8%, #608daa 48.9%, #5e8ca9 51.1%, #5a8ea9 53.2%, #5694a9 55.3%, #539ba6 57.4%, #56a4a0 59.6%, #63ac95 61.7%, #79b289 63.8%, #95b67c 66.0%, #b0b972 68.1%, #c9b96e 70.2%, #ddb96f 72.3%, #ecb972 74.5%, #f5b974 76.6%, #fcb973 78.7%, #ffbb74 80.9%, #ffbd75 83.0%, #ffbf72 85.1%, #ffc169 87.2%, #ffc35a 89.4%, #ffc541 91.5%, #fac835 93.6%, #f5cc2b 95.7%, #f1ce21 97.9%, #efd019 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.06% 0.1185 299.53) 0.0%, oklch(48.49% 0.1160 305.72) 2.1%, oklch(51.86% 0.1126 313.28) 4.3%, oklch(55.96% 0.1085 322.07) 6.4%, oklch(60.58% 0.1040 331.94) 8.5%, oklch(65.50% 0.0991 342.71) 10.6%, oklch(70.51% 0.0940 354.24) 12.8%, oklch(75.38% 0.0890 6.37) 14.9%, oklch(79.91% 0.0841 18.95) 17.0%, oklch(83.89% 0.0795 31.81) 19.1%, oklch(87.08% 0.0740 44.81) 21.3%, oklch(89.28% 0.0679 57.79) 23.4%, oklch(90.28% 0.0697 70.67) 25.5%, oklch(89.97% 0.0677 85.47) 27.7%, oklch(88.55% 0.0661 102.47) 29.8%, oklch(86.22% 0.0647 120.94) 31.9%, oklch(83.22% 0.0636 140.20) 34.0%, oklch(79.77% 0.0629 159.54) 36.2%, oklch(76.09% 0.0625 178.26) 38.3%, oklch(72.41% 0.0624 195.64) 40.4%, oklch(68.96% 0.0627 211.00) 42.6%, oklch(65.94% 0.0632 223.62) 44.7%, oklch(63.59% 0.0641 232.80) 46.8%, oklch(62.14% 0.0654 237.84) 48.9%, oklch(61.73% 0.0670 237.94) 51.1%, oklch(62.14% 0.0690 232.43) 53.2%, oklch(63.18% 0.0715 222.11) 55.3%, oklch(64.74% 0.0743 207.97) 57.4%, oklch(66.70% 0.0775 190.97) 59.6%, oklch(68.94% 0.0810 172.11) 61.7%, oklch(71.35% 0.0848 152.35) 63.8%, oklch(73.79% 0.0888 132.67) 66.0%, oklch(76.16% 0.0930 114.06) 68.1%, oklch(78.34% 0.0973 97.48) 70.2%, oklch(80.19% 0.1018 83.91) 72.3%, oklch(81.62% 0.1063 74.34) 74.5%, oklch(82.60% 0.1111 69.00) 76.6%, oklch(83.38% 0.1166 66.38) 78.7%, oklch(84.00% 0.1181 66.02) 80.9%, oklch(84.48% 0.1169 67.51) 83.0%, oklch(84.83% 0.1197 70.45) 85.1%, oklch(85.09% 0.1268 74.45) 87.2%, oklch(85.27% 0.1388 79.09) 89.4%, oklch(85.39% 0.1551 83.98) 91.5%, oklch(85.49% 0.1608 88.72) 93.6%, oklch(85.58% 0.1659 92.91) 95.7%, oklch(85.69% 0.1703 96.16) 97.9%, oklch(85.83% 0.1736 98.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.119 | 299.5 |
| 2 | 0.902 | 0.07 | 427.4 |
| 3 | 0.618 | 0.066 | 598.6 |
| 4 | 0.819 | 0.107 | 432.7 |
| 5 | 0.858 | 0.174 | 458 |

## In these collections

- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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