# Pale blue, lavender and bronze multicolor palette

Tritone light blue, lavender and brown radial gradient with 32 colors: #cbeaff, #c8e8ff, #c5e5ff, #c2e1ff, #beddff, #bbd8ff, #b9d2ff, #b7cdff, #b6c7ff, #b6c0ff, #b6baff, #b6b4fe, #b7affd, #b7abfc, #b8a6fc, #b8a1fb, #b99cf9, #ba96f5, #bc90ef, #be88e7, #c080db, #c277ca, #c16cb4, #be6198, #b7587a, #ab505c, #9c4b41, #8b4729, #794416, #684107, #5a3e02, #4f3c01. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone light blue, lavender and brown radial gradient
- Seed: `kU6iCo5qTFVc0xGum07g`
- Page: https://grabient.com/kU6iCo5qTFVc0xGum07g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 8.4 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 | `#cbeaff` | `oklch(92.13% 0.0437 236.94)` | Veiling Waterfalls | black, 16.7 to 1 |
| 2 | `#c8e8ff` | `oklch(91.47% 0.0462 239.57)` | Blue Java Banana | black, 16.4 to 1 |
| 3 | `#c5e5ff` | `oklch(90.65% 0.0494 242.99)` | Fresh Water | black, 15.9 to 1 |
| 4 | `#c2e1ff` | `oklch(89.67% 0.0532 247.03)` | Dithered Sky | black, 15.5 to 1 |
| 5 | `#beddff` | `oklch(88.57% 0.0575 251.57)` | Broad Daylight | black, 14.9 to 1 |
| 6 | `#bbd8ff` | `oklch(87.38% 0.0625 256.45)` | Oh Boy! | black, 14.3 to 1 |
| 7 | `#b9d2ff` | `oklch(86.13% 0.0681 261.54)` | Ice Cold Stare | black, 13.7 to 1 |
| 8 | `#b7cdff` | `oklch(84.85% 0.0744 266.68)` | Ice Cold Stare | black, 13.1 to 1 |
| 9 | `#b6c7ff` | `oklch(83.56% 0.0813 271.73)` | Light Periwinkle | black, 12.5 to 1 |
| 10 | `#b6c0ff` | `oklch(82.30% 0.0889 276.56)` | Dried Lilac | black, 12 to 1 |
| 11 | `#b6baff` | `oklch(81.09% 0.0969 281.02)` | Greyish Lavender | black, 11.4 to 1 |
| 12 | `#b6b4fe` | `oklch(79.98% 0.1040 284.88)` | Greyish Lavender | black, 10.9 to 1 |
| 13 | `#b7affd` | `oklch(79.00% 0.1097 287.98)` | Winterspring Lilac | black, 10.5 to 1 |
| 14 | `#b7abfc` | `oklch(78.10% 0.1157 290.54)` | Winterspring Lilac | black, 10.2 to 1 |
| 15 | `#b8a6fc` | `oklch(77.24% 0.1218 292.83)` | Shy Moment | black, 9.8 to 1 |
| 16 | `#b8a1fb` | `oklch(76.35% 0.1277 295.11)` | Diva | black, 9.5 to 1 |
| 17 | `#b99cf9` | `oklch(75.40% 0.1332 297.64)` | Baby Purple | black, 9.1 to 1 |
| 18 | `#ba96f5` | `oklch(74.32% 0.1380 300.68)` | Bright Lavender | black, 8.7 to 1 |
| 19 | `#bc90ef` | `oklch(73.07% 0.1417 304.50)` | Luminous Lavender | black, 8.3 to 1 |
| 20 | `#be88e7` | `oklch(71.60% 0.1442 309.35)` | Luminous Lavender | black, 7.8 to 1 |
| 21 | `#c080db` | `oklch(69.85% 0.1451 315.49)` | Lavender Blossom | black, 7.3 to 1 |
| 22 | `#c277ca` | `oklch(67.76% 0.1441 323.25)` | Purple Kush | black, 6.7 to 1 |
| 23 | `#c16cb4` | `oklch(65.12% 0.1407 333.37)` | Gulābī Pink | black, 6 to 1 |
| 24 | `#be6198` | `oklch(62.01% 0.1352 345.57)` | Spring Crocus | black, 5.3 to 1 |
| 25 | `#b7587a` | `oklch(58.55% 0.1280 359.24)` | Kir Royale Rose | black, 4.6 to 1 |
| 26 | `#ab505c` | `oklch(54.89% 0.1197 13.81)` | Rose Vale | white, 5.1 to 1 |
| 27 | `#9c4b41` | `oklch(51.18% 0.1108 28.70)` | Safflower Kite | white, 6 to 1 |
| 28 | `#8b4729` | `oklch(47.54% 0.1018 43.30)` | Gingerbread | white, 6.9 to 1 |
| 29 | `#794416` | `oklch(44.13% 0.0931 57.05)` | Ancient Planks | white, 7.9 to 1 |
| 30 | `#684107` | `oklch(41.08% 0.0853 69.34)` | Very Coffee | white, 8.9 to 1 |
| 31 | `#5a3e02` | `oklch(38.52% 0.0789 79.61)` | Hippogriff Brown | white, 9.8 to 1 |
| 32 | `#4f3c01` | `oklch(36.61% 0.0744 87.25)` | Xanthophobia | white, 10.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #cbeaff 0.0%, #c8e8ff 3.2%, #c5e5ff 6.5%, #c2e1ff 9.7%, #beddff 12.9%, #bbd8ff 16.1%, #b9d2ff 19.4%, #b7cdff 22.6%, #b6c7ff 25.8%, #b6c0ff 29.0%, #b6baff 32.3%, #b6b4fe 35.5%, #b7affd 38.7%, #b7abfc 41.9%, #b8a6fc 45.2%, #b8a1fb 48.4%, #b99cf9 51.6%, #ba96f5 54.8%, #bc90ef 58.1%, #be88e7 61.3%, #c080db 64.5%, #c277ca 67.7%, #c16cb4 71.0%, #be6198 74.2%, #b7587a 77.4%, #ab505c 80.6%, #9c4b41 83.9%, #8b4729 87.1%, #794416 90.3%, #684107 93.5%, #5a3e02 96.8%, #4f3c01 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0437 236.94) 0.0%, oklch(91.47% 0.0462 239.57) 3.2%, oklch(90.65% 0.0494 242.99) 6.5%, oklch(89.67% 0.0532 247.03) 9.7%, oklch(88.57% 0.0575 251.57) 12.9%, oklch(87.38% 0.0625 256.45) 16.1%, oklch(86.13% 0.0681 261.54) 19.4%, oklch(84.85% 0.0744 266.68) 22.6%, oklch(83.56% 0.0813 271.73) 25.8%, oklch(82.30% 0.0889 276.56) 29.0%, oklch(81.09% 0.0969 281.02) 32.3%, oklch(79.98% 0.1040 284.88) 35.5%, oklch(79.00% 0.1097 287.98) 38.7%, oklch(78.10% 0.1157 290.54) 41.9%, oklch(77.24% 0.1218 292.83) 45.2%, oklch(76.35% 0.1277 295.11) 48.4%, oklch(75.40% 0.1332 297.64) 51.6%, oklch(74.32% 0.1380 300.68) 54.8%, oklch(73.07% 0.1417 304.50) 58.1%, oklch(71.60% 0.1442 309.35) 61.3%, oklch(69.85% 0.1451 315.49) 64.5%, oklch(67.76% 0.1441 323.25) 67.7%, oklch(65.12% 0.1407 333.37) 71.0%, oklch(62.01% 0.1352 345.57) 74.2%, oklch(58.55% 0.1280 359.24) 77.4%, oklch(54.89% 0.1197 13.81) 80.6%, oklch(51.18% 0.1108 28.70) 83.9%, oklch(47.54% 0.1018 43.30) 87.1%, oklch(44.13% 0.0931 57.05) 90.3%, oklch(41.08% 0.0853 69.34) 93.5%, oklch(38.52% 0.0789 79.61) 96.8%, oklch(36.61% 0.0744 87.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.044 | 237 |
| 2 | 0.807 | 0.101 | 282.4 |
| 3 | 0.685 | 0.145 | 320.4 |
| 4 | 0.366 | 0.074 | 447.2 |

## In these collections

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

## Other forms

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