# Pale plum pale teal blue gradient

Pink, light blue, orange and blue linear gradient with 48 colors: #f4a4f4, #f8a2ee, #fca0e4, #ffa0d7, #ffa1c8, #ffa1bb, #ffa1ae, #ffa1a2, #ffa298, #ffa290, #ffa28c, #ffa28d, #ffa394, #ffa5a0, #fea8b0, #fbadc3, #f5b3d6, #edbbe7, #e3c4f4, #d8cdfc, #ced5ff, #c5dcff, #bde1fd, #b5e4f7, #ade5f0, #a4e5e4, #9ce3d4, #98e0be, #9bdaa3, #a6d183, #b7c55f, #c9b635, #d9a400, #e59200, #f17e00, #fa6824, #fb584a, #f84a69, #ef4187, #e23da2, #d13dbc, #be40d2, #a844e4, #9148f2, #794dfa, #6052fe, #4457ff, #205bff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pink, light blue, orange and blue linear gradient
- Seed: `kW0WXo5inHnEUq3XxyqxdqwA`
- Page: https://grabient.com/kW0WXo5inHnEUq3XxyqxdqwA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, vivid, light
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#f4a4f4` | `oklch(82.28% 0.1392 326.95)` | Rich Brilliant Lavender | black, 11.4 to 1 |
| 2 | `#f8a2ee` | `oklch(82.15% 0.1381 330.93)` | Lavender Rose | black, 11.4 to 1 |
| 3 | `#fca0e4` | `oklch(81.94% 0.1368 337.01)` | Lavender Rose | black, 11.3 to 1 |
| 4 | `#ffa0d7` | `oklch(81.66% 0.1313 344.62)` | Rose Daphne | black, 11.2 to 1 |
| 5 | `#ffa1c8` | `oklch(81.35% 0.1213 353.21)` | Bazooka Pink | black, 11.1 to 1 |
| 6 | `#ffa1bb` | `oklch(81.03% 0.1150 2.22)` | Rogue Pink | black, 11 to 1 |
| 7 | `#ffa1ae` | `oklch(80.72% 0.1120 11.10)` | Ballet Slippers | black, 10.9 to 1 |
| 8 | `#ffa1a2` | `oklch(80.44% 0.1116 19.27)` | Pink Dream | black, 10.9 to 1 |
| 9 | `#ffa298` | `oklch(80.22% 0.1129 26.20)` | Peach Amber | black, 10.8 to 1 |
| 10 | `#ffa290` | `oklch(80.09% 0.1146 31.30)` | Tangerine Cream | black, 10.8 to 1 |
| 11 | `#ffa28c` | `oklch(80.05% 0.1157 34.03)` | Tangerine Cream | black, 10.8 to 1 |
| 12 | `#ffa28d` | `oklch(80.15% 0.1150 33.83)` | Tangerine Cream | black, 10.8 to 1 |
| 13 | `#ffa394` | `oklch(80.40% 0.1122 30.15)` | Peach Amber | black, 10.9 to 1 |
| 14 | `#ffa5a0` | `oklch(80.93% 0.1080 23.11)` | Pink Dream | black, 11.1 to 1 |
| 15 | `#fea8b0` | `oklch(81.73% 0.1024 13.20)` | Apricot Haze | black, 11.4 to 1 |
| 16 | `#fbadc3` | `oklch(82.74% 0.0953 0.86)` | Caregiver Pink | black, 11.8 to 1 |
| 17 | `#f5b3d6` | `oklch(83.86% 0.0876 346.51)` | Soft Cashmere | black, 12.3 to 1 |
| 18 | `#edbbe7` | `oklch(85.05% 0.0799 330.59)` | Lovecloud | black, 12.8 to 1 |
| 19 | `#e3c4f4` | `oklch(86.21% 0.0725 313.51)` | Neon Boneyard | black, 13.4 to 1 |
| 20 | `#d8cdfc` | `oklch(87.27% 0.0658 295.70)` | Pale Lavender | black, 14 to 1 |
| 21 | `#ced5ff` | `oklch(88.18% 0.0582 277.60)` | Pale Phthalo Blue | black, 14.6 to 1 |
| 22 | `#c5dcff` | `oklch(88.84% 0.0545 259.63)` | Arc Light | black, 15 to 1 |
| 23 | `#bde1fd` | `oklch(89.19% 0.0545 242.23)` | Dithered Sky | black, 15.2 to 1 |
| 24 | `#b5e4f7` | `oklch(89.16% 0.0551 225.81)` | Breaking the Ice | black, 15.3 to 1 |
| 25 | `#ade5f0` | `oklch(88.68% 0.0586 210.55)` | Uranus | black, 15.2 to 1 |
| 26 | `#a4e5e4` | `oklch(87.77% 0.0653 195.16)` | Ice Crystal Blue | black, 14.8 to 1 |
| 27 | `#9ce3d4` | `oklch(86.49% 0.0746 179.49)` | Sharbah Fizz | black, 14.3 to 1 |
| 28 | `#98e0be` | `oklch(84.92% 0.0861 163.65)` | Green Gum | black, 13.7 to 1 |
| 29 | `#9bdaa3` | `oklch(83.11% 0.0993 147.71)` | Green Trance | black, 12.9 to 1 |
| 30 | `#a6d183` | `oklch(81.14% 0.1136 131.79)` | Greenscape | black, 12 to 1 |
| 31 | `#b7c55f` | `oklch(79.05% 0.1284 115.97)` | Green Glow | black, 11.1 to 1 |
| 32 | `#c9b635` | `oklch(76.93% 0.1434 100.36)` | Warm Olive | black, 10.1 to 1 |
| 33 | `#d9a400` | `oklch(74.82% 0.1533 85.03)` | Golden Beryl Yellow | black, 9.2 to 1 |
| 34 | `#e59200` | `oklch(72.80% 0.1576 70.10)` | Beige Red | black, 8.4 to 1 |
| 35 | `#f17e00` | `oklch(70.93% 0.1743 55.66)` | Rè Dài Chéng Orange | black, 7.7 to 1 |
| 36 | `#fa6824` | `oklch(69.27% 0.1935 41.82)` | Sparrow’s Fire | black, 7 to 1 |
| 37 | `#fb584a` | `oklch(67.80% 0.2016 28.37)` | Algerian Coral | black, 6.6 to 1 |
| 38 | `#f84a69` | `oklch(66.33% 0.2088 14.75)` | Infrared | black, 6.1 to 1 |
| 39 | `#ef4187` | `oklch(64.88% 0.2152 1.11)` | Majestic Magenta | black, 5.7 to 1 |
| 40 | `#e23da2` | `oklch(63.45% 0.2210 347.61)` | Pink Bite | black, 5.4 to 1 |
| 41 | `#d13dbc` | `oklch(62.05% 0.2261 334.41)` | Purple Pink | black, 5.1 to 1 |
| 42 | `#be40d2` | `oklch(60.72% 0.2307 321.68)` | Ultraviolet Berl | black, 4.8 to 1 |
| 43 | `#a844e4` | `oklch(59.45% 0.2348 309.58)` | Magenta Affair | black, 4.6 to 1 |
| 44 | `#9148f2` | `oklch(58.27% 0.2384 298.27)` | Pericallis Hybrida | white, 4.7 to 1 |
| 45 | `#794dfa` | `oklch(57.20% 0.2416 287.91)` | Venetian Nights | white, 4.9 to 1 |
| 46 | `#6052fe` | `oklch(56.24% 0.2444 278.69)` | Shady Neon Blue | white, 5 to 1 |
| 47 | `#4457ff` | `oklch(55.41% 0.2461 270.74)` | Hooloovoo Blue | white, 5.1 to 1 |
| 48 | `#205bff` | `oklch(54.72% 0.2494 264.25)` | Kyanite | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f4a4f4 0.0%, #f8a2ee 2.1%, #fca0e4 4.3%, #ffa0d7 6.4%, #ffa1c8 8.5%, #ffa1bb 10.6%, #ffa1ae 12.8%, #ffa1a2 14.9%, #ffa298 17.0%, #ffa290 19.1%, #ffa28c 21.3%, #ffa28d 23.4%, #ffa394 25.5%, #ffa5a0 27.7%, #fea8b0 29.8%, #fbadc3 31.9%, #f5b3d6 34.0%, #edbbe7 36.2%, #e3c4f4 38.3%, #d8cdfc 40.4%, #ced5ff 42.6%, #c5dcff 44.7%, #bde1fd 46.8%, #b5e4f7 48.9%, #ade5f0 51.1%, #a4e5e4 53.2%, #9ce3d4 55.3%, #98e0be 57.4%, #9bdaa3 59.6%, #a6d183 61.7%, #b7c55f 63.8%, #c9b635 66.0%, #d9a400 68.1%, #e59200 70.2%, #f17e00 72.3%, #fa6824 74.5%, #fb584a 76.6%, #f84a69 78.7%, #ef4187 80.9%, #e23da2 83.0%, #d13dbc 85.1%, #be40d2 87.2%, #a844e4 89.4%, #9148f2 91.5%, #794dfa 93.6%, #6052fe 95.7%, #4457ff 97.9%, #205bff 100.0%);
background: linear-gradient(135deg in oklch, oklch(82.28% 0.1392 326.95) 0.0%, oklch(82.15% 0.1381 330.93) 2.1%, oklch(81.94% 0.1368 337.01) 4.3%, oklch(81.66% 0.1313 344.62) 6.4%, oklch(81.35% 0.1213 353.21) 8.5%, oklch(81.03% 0.1150 2.22) 10.6%, oklch(80.72% 0.1120 11.10) 12.8%, oklch(80.44% 0.1116 19.27) 14.9%, oklch(80.22% 0.1129 26.20) 17.0%, oklch(80.09% 0.1146 31.30) 19.1%, oklch(80.05% 0.1157 34.03) 21.3%, oklch(80.15% 0.1150 33.83) 23.4%, oklch(80.40% 0.1122 30.15) 25.5%, oklch(80.93% 0.1080 23.11) 27.7%, oklch(81.73% 0.1024 13.20) 29.8%, oklch(82.74% 0.0953 0.86) 31.9%, oklch(83.86% 0.0876 346.51) 34.0%, oklch(85.05% 0.0799 330.59) 36.2%, oklch(86.21% 0.0725 313.51) 38.3%, oklch(87.27% 0.0658 295.70) 40.4%, oklch(88.18% 0.0582 277.60) 42.6%, oklch(88.84% 0.0545 259.63) 44.7%, oklch(89.19% 0.0545 242.23) 46.8%, oklch(89.16% 0.0551 225.81) 48.9%, oklch(88.68% 0.0586 210.55) 51.1%, oklch(87.77% 0.0653 195.16) 53.2%, oklch(86.49% 0.0746 179.49) 55.3%, oklch(84.92% 0.0861 163.65) 57.4%, oklch(83.11% 0.0993 147.71) 59.6%, oklch(81.14% 0.1136 131.79) 61.7%, oklch(79.05% 0.1284 115.97) 63.8%, oklch(76.93% 0.1434 100.36) 66.0%, oklch(74.82% 0.1533 85.03) 68.1%, oklch(72.80% 0.1576 70.10) 70.2%, oklch(70.93% 0.1743 55.66) 72.3%, oklch(69.27% 0.1935 41.82) 74.5%, oklch(67.80% 0.2016 28.37) 76.6%, oklch(66.33% 0.2088 14.75) 78.7%, oklch(64.88% 0.2152 1.11) 80.9%, oklch(63.45% 0.2210 347.61) 83.0%, oklch(62.05% 0.2261 334.41) 85.1%, oklch(60.72% 0.2307 321.68) 87.2%, oklch(59.45% 0.2348 309.58) 89.4%, oklch(58.27% 0.2384 298.27) 91.5%, oklch(57.20% 0.2416 287.91) 93.6%, oklch(56.24% 0.2444 278.69) 95.7%, oklch(55.41% 0.2461 270.74) 97.9%, oklch(54.72% 0.2494 264.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.139 | 327 |
| 2 | 0.803 | 0.114 | 391.4 |
| 3 | 0.89 | 0.056 | 218.1 |
| 4 | 0.689 | 0.196 | 38.5 |
| 5 | 0.547 | 0.249 | -95.7 |

## In these collections

- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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