# Soft blue pale violet muted olive gradient

Purple, pink, blue and gray linear gradient with 40 colors: #3a5082, #4a578a, #5f6294, #776fa0, #917fac, #ab90b7, #c4a2c2, #d9b5cd, #ebc6d7, #f9d3e0, #ffdee8, #ffe7ed, #ffecf2, #ffeff4, #ffeff6, #ffedf6, #ffe8f7, #fbe3f6, #f4ddf4, #ecd7f2, #e4cfef, #d8c3e9, #c9b3e3, #b6a2db, #a291d3, #8d80cb, #7872c5, #6267bf, #4c60bb, #3360b8, #0366b6, #0072a6, #0080a0, #00909e, #00a29d, #48b197, #76bd95, #98c798, #b1ce9e, #c1d4a3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, pink, blue and gray linear gradient
- Seed: `kWbz-89Y_K_GQuxANjk6xiv4`
- Page: https://grabient.com/kWbz-89Y_K_GQuxANjk6xiv4?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: light center, pastel
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#3a5082` | `oklch(43.70% 0.0868 265.08)` | Fun Blue | white, 7.9 to 1 |
| 2 | `#4a578a` | `oklch(46.94% 0.0839 271.41)` | Baby Whale | white, 6.9 to 1 |
| 3 | `#5f6294` | `oklch(51.42% 0.0798 280.37)` | Corsican Blue | white, 5.7 to 1 |
| 4 | `#776fa0` | `oklch(56.83% 0.0750 291.23)` | Toy Mauve | white, 4.5 to 1 |
| 5 | `#917fac` | `oklch(62.83% 0.0695 303.26)` | Captivated | black, 5.8 to 1 |
| 6 | `#ab90b7` | `oklch(69.09% 0.0639 315.71)` | Superstitious | black, 7.4 to 1 |
| 7 | `#c4a2c2` | `oklch(75.31% 0.0583 327.85)` | Novel Lilac | black, 9.3 to 1 |
| 8 | `#d9b5cd` | `oklch(81.13% 0.0530 338.94)` | Purple Poodle | black, 11.4 to 1 |
| 9 | `#ebc6d7` | `oklch(86.25% 0.0484 348.26)` | Tussie-Mussie | black, 13.5 to 1 |
| 10 | `#f9d3e0` | `oklch(90.33% 0.0447 355.06)` | Creamy Strawberry | black, 15.4 to 1 |
| 11 | `#ffdee8` | `oklch(93.08% 0.0382 358.65)` | Baby Girl | black, 16.8 to 1 |
| 12 | `#ffe7ed` | `oklch(94.90% 0.0275 359.43)` | Nosegay | black, 17.9 to 1 |
| 13 | `#ffecf2` | `oklch(96.07% 0.0212 358.04)` | Fairy Wings | black, 18.5 to 1 |
| 14 | `#ffeff4` | `oklch(96.65% 0.0185 354.85)` | Powder Puff | black, 18.9 to 1 |
| 15 | `#ffeff6` | `oklch(96.67% 0.0192 350.25)` | Lavender Blush | black, 18.9 to 1 |
| 16 | `#ffedf6` | `oklch(96.20% 0.0236 344.62)` | Partial Pink | black, 18.6 to 1 |
| 17 | `#ffe8f7` | `oklch(95.29% 0.0324 338.35)` | Dolomite Crystal | black, 18 to 1 |
| 18 | `#fbe3f6` | `oklch(93.99% 0.0365 331.83)` | Bunny Tail | black, 17.3 to 1 |
| 19 | `#f4ddf4` | `oklch(92.35% 0.0390 325.42)` | Grape Taffy | black, 16.5 to 1 |
| 20 | `#ecd7f2` | `oklch(90.42% 0.0430 319.51)` | Scented Spring | black, 15.5 to 1 |
| 21 | `#e4cfef` | `oklch(88.11% 0.0487 314.40)` | Little Touch | black, 14.4 to 1 |
| 22 | `#d8c3e9` | `oklch(84.62% 0.0577 309.74)` | Foggy Love | black, 12.8 to 1 |
| 23 | `#c9b3e3` | `oklch(80.14% 0.0694 305.26)` | Sea Lavender | black, 11 to 1 |
| 24 | `#b6a2db` | `oklch(75.01% 0.0828 300.77)` | Purple Premiere | black, 9.2 to 1 |
| 25 | `#a291d3` | `oklch(69.60% 0.0970 296.07)` | Middy’s Purple | black, 7.5 to 1 |
| 26 | `#8d80cb` | `oklch(64.25% 0.1112 290.94)` | Faraway Sky | black, 6 to 1 |
| 27 | `#7872c5` | `oklch(59.32% 0.1243 285.20)` | Venus Violet | black, 4.9 to 1 |
| 28 | `#6267bf` | `oklch(55.15% 0.1355 278.63)` | Bluish Purple Anemone | white, 4.9 to 1 |
| 29 | `#4c60bb` | `oklch(52.10% 0.1438 271.03)` | Chinese Bellflower | white, 5.6 to 1 |
| 30 | `#3360b8` | `oklch(50.52% 0.1484 262.21)` | Adventure of the Seas | white, 5.9 to 1 |
| 31 | `#0366b6` | `oklch(50.70% 0.1484 251.58)` | Ephren Blue | white, 5.8 to 1 |
| 32 | `#0072a6` | `oklch(52.52% 0.1173 238.48)` | Quarterdeck | white, 5.2 to 1 |
| 33 | `#0080a0` | `oklch(55.62% 0.1040 223.48)` | Best of Both Worlds | white, 4.5 to 1 |
| 34 | `#00909e` | `oklch(59.66% 0.1024 207.31)` | Coral Coast | black, 5.4 to 1 |
| 35 | `#00a29d` | `oklch(64.29% 0.1108 190.67)` | Aqua Velvet | black, 6.6 to 1 |
| 36 | `#48b197` | `oklch(69.16% 0.1042 174.25)` | Green Blue | black, 8 to 1 |
| 37 | `#76bd95` | `oklch(73.94% 0.0926 158.74)` | Mountain Lake Green | black, 9.4 to 1 |
| 38 | `#98c798` | `oklch(78.28% 0.0820 144.82)` | Kettle Drum | black, 10.9 to 1 |
| 39 | `#b1ce9e` | `oklch(81.83% 0.0734 133.19)` | Greenhorn | black, 12.2 to 1 |
| 40 | `#c1d4a3` | `oklch(84.25% 0.0675 124.53)` | Cricket Field | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #3a5082 0.0%, #4a578a 2.6%, #5f6294 5.1%, #776fa0 7.7%, #917fac 10.3%, #ab90b7 12.8%, #c4a2c2 15.4%, #d9b5cd 17.9%, #ebc6d7 20.5%, #f9d3e0 23.1%, #ffdee8 25.6%, #ffe7ed 28.2%, #ffecf2 30.8%, #ffeff4 33.3%, #ffeff6 35.9%, #ffedf6 38.5%, #ffe8f7 41.0%, #fbe3f6 43.6%, #f4ddf4 46.2%, #ecd7f2 48.7%, #e4cfef 51.3%, #d8c3e9 53.8%, #c9b3e3 56.4%, #b6a2db 59.0%, #a291d3 61.5%, #8d80cb 64.1%, #7872c5 66.7%, #6267bf 69.2%, #4c60bb 71.8%, #3360b8 74.4%, #0366b6 76.9%, #0072a6 79.5%, #0080a0 82.1%, #00909e 84.6%, #00a29d 87.2%, #48b197 89.7%, #76bd95 92.3%, #98c798 94.9%, #b1ce9e 97.4%, #c1d4a3 100.0%);
background: linear-gradient(45deg in oklch, oklch(43.70% 0.0868 265.08) 0.0%, oklch(46.94% 0.0839 271.41) 2.6%, oklch(51.42% 0.0798 280.37) 5.1%, oklch(56.83% 0.0750 291.23) 7.7%, oklch(62.83% 0.0695 303.26) 10.3%, oklch(69.09% 0.0639 315.71) 12.8%, oklch(75.31% 0.0583 327.85) 15.4%, oklch(81.13% 0.0530 338.94) 17.9%, oklch(86.25% 0.0484 348.26) 20.5%, oklch(90.33% 0.0447 355.06) 23.1%, oklch(93.08% 0.0382 358.65) 25.6%, oklch(94.90% 0.0275 359.43) 28.2%, oklch(96.07% 0.0212 358.04) 30.8%, oklch(96.65% 0.0185 354.85) 33.3%, oklch(96.67% 0.0192 350.25) 35.9%, oklch(96.20% 0.0236 344.62) 38.5%, oklch(95.29% 0.0324 338.35) 41.0%, oklch(93.99% 0.0365 331.83) 43.6%, oklch(92.35% 0.0390 325.42) 46.2%, oklch(90.42% 0.0430 319.51) 48.7%, oklch(88.11% 0.0487 314.40) 51.3%, oklch(84.62% 0.0577 309.74) 53.8%, oklch(80.14% 0.0694 305.26) 56.4%, oklch(75.01% 0.0828 300.77) 59.0%, oklch(69.60% 0.0970 296.07) 61.5%, oklch(64.25% 0.1112 290.94) 64.1%, oklch(59.32% 0.1243 285.20) 66.7%, oklch(55.15% 0.1355 278.63) 69.2%, oklch(52.10% 0.1438 271.03) 71.8%, oklch(50.52% 0.1484 262.21) 74.4%, oklch(50.70% 0.1484 251.58) 76.9%, oklch(52.52% 0.1173 238.48) 79.5%, oklch(55.62% 0.1040 223.48) 82.1%, oklch(59.66% 0.1024 207.31) 84.6%, oklch(64.29% 0.1108 190.67) 87.2%, oklch(69.16% 0.1042 174.25) 89.7%, oklch(73.94% 0.0926 158.74) 92.3%, oklch(78.28% 0.0820 144.82) 94.9%, oklch(81.83% 0.0734 133.19) 97.4%, oklch(84.25% 0.0675 124.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.087 | 265.1 |
| 2 | 0.925 | 0.043 | 358.1 |
| 3 | 0.894 | 0.045 | 316.9 |
| 4 | 0.504 | 0.149 | 259.8 |
| 5 | 0.843 | 0.068 | 124.5 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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