# Pale orange pale blue blue gradient

Tritone pink, light blue and blue linear gradient with 64 colors: #fdb492, #feb496, #ffb49b, #ffb5a2, #ffb6a8, #ffb7b0, #ffb8b7, #ffbabe, #ffbbc6, #ffbdcd, #febfd5, #fbc2dd, #f9c5e4, #f6c8ea, #f3ccf0, #f0cff5, #ecd3f9, #e9d6fd, #e6d9ff, #e3ddff, #e1e0ff, #dfe2ff, #dee5ff, #dde7ff, #dce8ff, #dae9ff, #d9ebff, #d7ebff, #d5ecff, #d3ecff, #d0ecff, #cdecff, #caecfe, #c6ebfe, #c2e9fd, #bde8fd, #b7e6fd, #b1e3fd, #abe1fd, #a4defd, #9ddbfd, #96d8fd, #8fd4fe, #88d0ff, #83cbff, #7ec7ff, #7ac2ff, #76bcff, #74b7ff, #72b1ff, #70acff, #70a6ff, #70a0ff, #709aff, #7194ff, #728dff, #7487ff, #7681ff, #787bff, #7a75ff, #7b70ff, #7d6bff, #7e66ff, #7f62fe. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone pink, light blue and blue linear gradient
- Seed: `kS00cg9Y-rk3QRi`
- Page: https://grabient.com/kS00cg9Y-rk3QRi?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.3 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 | `#fdb492` | `oklch(83.07% 0.0978 45.70)` | Carotene | black, 12.1 to 1 |
| 2 | `#feb496` | `oklch(83.25% 0.0968 42.69)` | Island Girl | black, 12.1 to 1 |
| 3 | `#ffb49b` | `oklch(83.48% 0.0946 39.14)` | Persicus | black, 12.2 to 1 |
| 4 | `#ffb5a2` | `oklch(83.77% 0.0911 35.09)` | Nature Apricot | black, 12.3 to 1 |
| 5 | `#ffb6a8` | `oklch(84.10% 0.0879 30.58)` | Nature Apricot | black, 12.5 to 1 |
| 6 | `#ffb7b0` | `oklch(84.47% 0.0849 25.65)` | Mexican Milk | black, 12.6 to 1 |
| 7 | `#ffb8b7` | `oklch(84.88% 0.0824 20.34)` | Young Salmon | black, 12.8 to 1 |
| 8 | `#ffbabe` | `oklch(85.32% 0.0805 14.68)` | Hard Candy | black, 12.9 to 1 |
| 9 | `#ffbbc6` | `oklch(85.79% 0.0792 8.71)` | A Lot of Love | black, 13.1 to 1 |
| 10 | `#ffbdcd` | `oklch(86.27% 0.0787 2.48)` | Rosie | black, 13.4 to 1 |
| 11 | `#febfd5` | `oklch(86.78% 0.0764 356.02)` | Garden Glory | black, 13.6 to 1 |
| 12 | `#fbc2dd` | `oklch(87.30% 0.0734 349.36)` | Miami Pink | black, 13.8 to 1 |
| 13 | `#f9c5e4` | `oklch(87.82% 0.0704 342.55)` | Sugarwinkle | black, 14.1 to 1 |
| 14 | `#f6c8ea` | `oklch(88.35% 0.0674 335.62)` | Sugar High | black, 14.4 to 1 |
| 15 | `#f3ccf0` | `oklch(88.87% 0.0643 328.61)` | Bubblegum Crisis | black, 14.6 to 1 |
| 16 | `#f0cff5` | `oklch(89.38% 0.0614 321.56)` | Bubblegum Crisis | black, 14.9 to 1 |
| 17 | `#ecd3f9` | `oklch(89.89% 0.0584 314.52)` | Mousse aux Pruneaux | black, 15.2 to 1 |
| 18 | `#e9d6fd` | `oklch(90.37% 0.0556 307.50)` | Rose Dragée | black, 15.5 to 1 |
| 19 | `#e6d9ff` | `oklch(90.84% 0.0523 300.57)` | Transparent Blue | black, 15.7 to 1 |
| 20 | `#e3ddff` | `oklch(91.28% 0.0465 293.74)` | Contrail | black, 16 to 1 |
| 21 | `#e1e0ff` | `oklch(91.68% 0.0421 287.06)` | Stoic White | black, 16.2 to 1 |
| 22 | `#dfe2ff` | `oklch(92.05% 0.0389 280.57)` | Stoic White | black, 16.5 to 1 |
| 23 | `#dee5ff` | `oklch(92.38% 0.0365 274.31)` | Lavender Mist | black, 16.7 to 1 |
| 24 | `#dde7ff` | `oklch(92.66% 0.0349 268.31)` | Lavender Mist | black, 16.8 to 1 |
| 25 | `#dce8ff` | `oklch(92.90% 0.0339 262.62)` | Cloudless | black, 17 to 1 |
| 26 | `#dae9ff` | `oklch(93.07% 0.0335 257.27)` | Cloudless | black, 17.1 to 1 |
| 27 | `#d9ebff` | `oklch(93.19% 0.0336 252.29)` | Cloudless | black, 17.2 to 1 |
| 28 | `#d7ebff` | `oklch(93.24% 0.0342 247.74)` | Cloudless | black, 17.2 to 1 |
| 29 | `#d5ecff` | `oklch(93.21% 0.0353 243.64)` | Cloudless | black, 17.2 to 1 |
| 30 | `#d3ecff` | `oklch(93.12% 0.0369 240.04)` | Veiling Waterfalls | black, 17.2 to 1 |
| 31 | `#d0ecff` | `oklch(92.94% 0.0390 236.96)` | Veiling Waterfalls | black, 17.1 to 1 |
| 32 | `#cdecff` | `oklch(92.68% 0.0416 234.46)` | Veiling Waterfalls | black, 17 to 1 |
| 33 | `#caecfe` | `oklch(92.33% 0.0438 232.57)` | Blue Hijab | black, 16.8 to 1 |
| 34 | `#c6ebfe` | `oklch(91.87% 0.0463 231.16)` | Blue Java Banana | black, 16.6 to 1 |
| 35 | `#c2e9fd` | `oklch(91.31% 0.0495 230.23)` | Blue Java Banana | black, 16.3 to 1 |
| 36 | `#bde8fd` | `oklch(90.64% 0.0532 229.73)` | Blue Java Banana | black, 16 to 1 |
| 37 | `#b7e6fd` | `oklch(89.89% 0.0574 229.65)` | Breaking the Ice | black, 15.7 to 1 |
| 38 | `#b1e3fd` | `oklch(89.06% 0.0621 229.96)` | Frozen Landscape | black, 15.3 to 1 |
| 39 | `#abe1fd` | `oklch(88.15% 0.0673 230.62)` | Frozen Landscape | black, 14.9 to 1 |
| 40 | `#a4defd` | `oklch(87.17% 0.0728 231.62)` | Droplet | black, 14.4 to 1 |
| 41 | `#9ddbfd` | `oklch(86.13% 0.0787 232.92)` | Shiva Blue | black, 13.9 to 1 |
| 42 | `#96d8fd` | `oklch(85.03% 0.0848 234.51)` | Shiva Blue | black, 13.4 to 1 |
| 43 | `#8fd4fe` | `oklch(83.89% 0.0913 236.35)` | Long Island Sound | black, 13 to 1 |
| 44 | `#88d0ff` | `oklch(82.70% 0.0980 238.41)` | Drift on the Sea | black, 12.4 to 1 |
| 45 | `#83cbff` | `oklch(81.48% 0.1032 240.67)` | Chromis Damsel Blue | black, 11.9 to 1 |
| 46 | `#7ec7ff` | `oklch(80.23% 0.1084 243.12)` | Chromis Damsel Blue | black, 11.4 to 1 |
| 47 | `#7ac2ff` | `oklch(78.96% 0.1138 245.70)` | Maya Blue | black, 10.9 to 1 |
| 48 | `#76bcff` | `oklch(77.68% 0.1192 248.41)` | Cooler Than Ever | black, 10.4 to 1 |
| 49 | `#74b7ff` | `oklch(76.40% 0.1247 251.21)` | French Sky Blue | black, 9.9 to 1 |
| 50 | `#72b1ff` | `oklch(75.11% 0.1305 254.08)` | French Sky Blue | black, 9.4 to 1 |
| 51 | `#70acff` | `oklch(73.83% 0.1364 256.98)` | Fennel Flower | black, 9 to 1 |
| 52 | `#70a6ff` | `oklch(72.56% 0.1426 259.91)` | Fennel Flower | black, 8.5 to 1 |
| 53 | `#70a0ff` | `oklch(71.32% 0.1490 262.81)` | Âbi Blue | black, 8.1 to 1 |
| 54 | `#709aff` | `oklch(70.10% 0.1557 265.68)` | Blue Chaos | black, 7.7 to 1 |
| 55 | `#7194ff` | `oklch(68.92% 0.1625 268.48)` | Blue Chaos | black, 7.3 to 1 |
| 56 | `#728dff` | `oklch(67.78% 0.1696 271.19)` | Punch Out Glove | black, 7 to 1 |
| 57 | `#7487ff` | `oklch(66.69% 0.1769 273.78)` | Punch Out Glove | black, 6.6 to 1 |
| 58 | `#7681ff` | `oklch(65.66% 0.1842 276.22)` | Orchid | black, 6.3 to 1 |
| 59 | `#787bff` | `oklch(64.69% 0.1915 278.49)` | Stargate Shimmer | black, 6 to 1 |
| 60 | `#7a75ff` | `oklch(63.79% 0.1987 280.55)` | Stargate Shimmer | black, 5.8 to 1 |
| 61 | `#7b70ff` | `oklch(62.96% 0.2055 282.39)` | Blackthorn Berry | black, 5.5 to 1 |
| 62 | `#7d6bff` | `oklch(62.22% 0.2120 283.98)` | Blackthorn Berry | black, 5.3 to 1 |
| 63 | `#7e66ff` | `oklch(61.57% 0.2174 285.29)` | Purple Anemone | black, 5.2 to 1 |
| 64 | `#7f62fe` | `oklch(61.02% 0.2205 286.29)` | Purple Anemone | black, 5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #fdb492 0.0%, #feb496 1.6%, #ffb49b 3.2%, #ffb5a2 4.8%, #ffb6a8 6.3%, #ffb7b0 7.9%, #ffb8b7 9.5%, #ffbabe 11.1%, #ffbbc6 12.7%, #ffbdcd 14.3%, #febfd5 15.9%, #fbc2dd 17.5%, #f9c5e4 19.0%, #f6c8ea 20.6%, #f3ccf0 22.2%, #f0cff5 23.8%, #ecd3f9 25.4%, #e9d6fd 27.0%, #e6d9ff 28.6%, #e3ddff 30.2%, #e1e0ff 31.7%, #dfe2ff 33.3%, #dee5ff 34.9%, #dde7ff 36.5%, #dce8ff 38.1%, #dae9ff 39.7%, #d9ebff 41.3%, #d7ebff 42.9%, #d5ecff 44.4%, #d3ecff 46.0%, #d0ecff 47.6%, #cdecff 49.2%, #caecfe 50.8%, #c6ebfe 52.4%, #c2e9fd 54.0%, #bde8fd 55.6%, #b7e6fd 57.1%, #b1e3fd 58.7%, #abe1fd 60.3%, #a4defd 61.9%, #9ddbfd 63.5%, #96d8fd 65.1%, #8fd4fe 66.7%, #88d0ff 68.3%, #83cbff 69.8%, #7ec7ff 71.4%, #7ac2ff 73.0%, #76bcff 74.6%, #74b7ff 76.2%, #72b1ff 77.8%, #70acff 79.4%, #70a6ff 81.0%, #70a0ff 82.5%, #709aff 84.1%, #7194ff 85.7%, #728dff 87.3%, #7487ff 88.9%, #7681ff 90.5%, #787bff 92.1%, #7a75ff 93.7%, #7b70ff 95.2%, #7d6bff 96.8%, #7e66ff 98.4%, #7f62fe 100.0%);
background: linear-gradient(225deg in oklch, oklch(83.07% 0.0978 45.70) 0.0%, oklch(83.25% 0.0968 42.69) 1.6%, oklch(83.48% 0.0946 39.14) 3.2%, oklch(83.77% 0.0911 35.09) 4.8%, oklch(84.10% 0.0879 30.58) 6.3%, oklch(84.47% 0.0849 25.65) 7.9%, oklch(84.88% 0.0824 20.34) 9.5%, oklch(85.32% 0.0805 14.68) 11.1%, oklch(85.79% 0.0792 8.71) 12.7%, oklch(86.27% 0.0787 2.48) 14.3%, oklch(86.78% 0.0764 356.02) 15.9%, oklch(87.30% 0.0734 349.36) 17.5%, oklch(87.82% 0.0704 342.55) 19.0%, oklch(88.35% 0.0674 335.62) 20.6%, oklch(88.87% 0.0643 328.61) 22.2%, oklch(89.38% 0.0614 321.56) 23.8%, oklch(89.89% 0.0584 314.52) 25.4%, oklch(90.37% 0.0556 307.50) 27.0%, oklch(90.84% 0.0523 300.57) 28.6%, oklch(91.28% 0.0465 293.74) 30.2%, oklch(91.68% 0.0421 287.06) 31.7%, oklch(92.05% 0.0389 280.57) 33.3%, oklch(92.38% 0.0365 274.31) 34.9%, oklch(92.66% 0.0349 268.31) 36.5%, oklch(92.90% 0.0339 262.62) 38.1%, oklch(93.07% 0.0335 257.27) 39.7%, oklch(93.19% 0.0336 252.29) 41.3%, oklch(93.24% 0.0342 247.74) 42.9%, oklch(93.21% 0.0353 243.64) 44.4%, oklch(93.12% 0.0369 240.04) 46.0%, oklch(92.94% 0.0390 236.96) 47.6%, oklch(92.68% 0.0416 234.46) 49.2%, oklch(92.33% 0.0438 232.57) 50.8%, oklch(91.87% 0.0463 231.16) 52.4%, oklch(91.31% 0.0495 230.23) 54.0%, oklch(90.64% 0.0532 229.73) 55.6%, oklch(89.89% 0.0574 229.65) 57.1%, oklch(89.06% 0.0621 229.96) 58.7%, oklch(88.15% 0.0673 230.62) 60.3%, oklch(87.17% 0.0728 231.62) 61.9%, oklch(86.13% 0.0787 232.92) 63.5%, oklch(85.03% 0.0848 234.51) 65.1%, oklch(83.89% 0.0913 236.35) 66.7%, oklch(82.70% 0.0980 238.41) 68.3%, oklch(81.48% 0.1032 240.67) 69.8%, oklch(80.23% 0.1084 243.12) 71.4%, oklch(78.96% 0.1138 245.70) 73.0%, oklch(77.68% 0.1192 248.41) 74.6%, oklch(76.40% 0.1247 251.21) 76.2%, oklch(75.11% 0.1305 254.08) 77.8%, oklch(73.83% 0.1364 256.98) 79.4%, oklch(72.56% 0.1426 259.91) 81.0%, oklch(71.32% 0.1490 262.81) 82.5%, oklch(70.10% 0.1557 265.68) 84.1%, oklch(68.92% 0.1625 268.48) 85.7%, oklch(67.78% 0.1696 271.19) 87.3%, oklch(66.69% 0.1769 273.78) 88.9%, oklch(65.66% 0.1842 276.22) 90.5%, oklch(64.69% 0.1915 278.49) 92.1%, oklch(63.79% 0.1987 280.55) 93.7%, oklch(62.96% 0.2055 282.39) 95.2%, oklch(62.22% 0.2120 283.98) 96.8%, oklch(61.57% 0.2174 285.29) 98.4%, oklch(61.02% 0.2205 286.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.098 | 45.7 |
| 2 | 0.925 | 0.043 | -126.5 |
| 3 | 0.61 | 0.22 | -73.7 |

## In these collections

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

## Other forms

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