# Disco ball iridescent

Seamless pastel gray and pink angular gradient with 32 colors: #dadfe5, #d2dae6, #c8d2e7, #c1c8e8, #c0bde8, #c3b5e5, #cab1e2, #d2b0df, #dcb1dc, #e5b4d8, #ecb7d3, #f2bacc, #f6bec6, #f7c3c0, #f6c9bc, #f4cfb9, #efd3b7, #e7d8b6, #dbddb9, #cee0c0, #c3e2c8, #bae3cf, #b2e2d3, #aae0d5, #a2ddd7, #9edcda, #a0dade, #a9dae4, #b8dae8, #c7dce8, #d3dee7, #dadfe5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless pastel gray and pink angular gradient
- Seed: `ka5QeyZZnF2qZxdwEkg8BJL2wWRLyg8XA`
- Page: https://grabient.com/ka5QeyZZnF2qZxdwEkg8BJL2wWRLyg8XA?style=angularGradient&steps=32&angle=0
- Drawn as: angular gradient, 32 steps, 0 degrees
- Kinds: even lightness, pastel, light, seamless
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.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 | `#dadfe5` | `oklch(90.16% 0.0096 250.31)` | Eastern Breeze | black, 15.6 to 1 |
| 2 | `#d2dae6` | `oklch(88.61% 0.0185 256.80)` | Sueded Grey | black, 14.9 to 1 |
| 3 | `#c8d2e7` | `oklch(86.29% 0.0315 265.93)` | Lazy Sunday | black, 13.8 to 1 |
| 4 | `#c1c8e8` | `oklch(83.73% 0.0460 276.62)` | Powdered Granite | black, 12.6 to 1 |
| 5 | `#c0bde8` | `oklch(81.48% 0.0595 287.78)` | Pretty Posie | black, 11.6 to 1 |
| 6 | `#c3b5e5` | `oklch(80.04% 0.0692 298.35)` | Melrose | black, 11 to 1 |
| 7 | `#cab1e2` | `oklch(79.75% 0.0739 307.77)` | Lavender Field Dreamer | black, 10.8 to 1 |
| 8 | `#d2b0df` | `oklch(80.26% 0.0756 316.79)` | Whisper of Plum | black, 11 to 1 |
| 9 | `#dcb1dc` | `oklch(81.26% 0.0751 325.85)` | Blushing Sky | black, 11.3 to 1 |
| 10 | `#e5b4d8` | `oklch(82.46% 0.0732 335.40)` | Pink Gems | black, 11.8 to 1 |
| 11 | `#ecb7d3` | `oklch(83.57% 0.0710 345.88)` | Soft Cashmere | black, 12.2 to 1 |
| 12 | `#f2bacc` | `oklch(84.43% 0.0685 357.44)` | Pink Grapefruit | black, 12.6 to 1 |
| 13 | `#f6bec6` | `oklch(85.38% 0.0644 9.58)` | Strawberry Confection | black, 13.1 to 1 |
| 14 | `#f7c3c0` | `oklch(86.35% 0.0595 22.46)` | Sugarcane Dahlia | black, 13.5 to 1 |
| 15 | `#f6c9bc` | `oklch(87.24% 0.0547 36.30)` | Sweet Angel | black, 14 to 1 |
| 16 | `#f4cfb9` | `oklch(87.94% 0.0509 51.35)` | Apricot Freeze | black, 14.4 to 1 |
| 17 | `#efd3b7` | `oklch(88.37% 0.0487 68.15)` | Creamery | black, 14.7 to 1 |
| 18 | `#e7d8b6` | `oklch(88.60% 0.0478 88.10)` | Lemon Balm | black, 14.9 to 1 |
| 19 | `#dbddb9` | `oklch(88.66% 0.0476 109.63)` | Beach Grass | black, 15 to 1 |
| 20 | `#cee0c0` | `oklch(88.57% 0.0481 130.78)` | Cat Woman | black, 15.1 to 1 |
| 21 | `#c3e2c8` | `oklch(88.37% 0.0489 149.56)` | Chayote | black, 15 to 1 |
| 22 | `#bae3cf` | `oklch(88.06% 0.0501 164.06)` | Spearmints | black, 14.9 to 1 |
| 23 | `#b2e2d3` | `oklch(87.40% 0.0532 174.19)` | Bay | black, 14.6 to 1 |
| 24 | `#aae0d5` | `oklch(86.52% 0.0573 181.48)` | Capri Water Blue | black, 14.2 to 1 |
| 25 | `#a2ddd7` | `oklch(85.67% 0.0608 187.44)` | Frosty | black, 13.9 to 1 |
| 26 | `#9edcda` | `oklch(85.11% 0.0622 193.58)` | Aqua Island | black, 13.6 to 1 |
| 27 | `#a0dade` | `oklch(85.08% 0.0599 201.42)` | Terrace Pool | black, 13.6 to 1 |
| 28 | `#a9dae4` | `oklch(85.74% 0.0523 211.49)` | Srsly Blue | black, 13.8 to 1 |
| 29 | `#b8dae8` | `oklch(86.86% 0.0410 222.63)` | Watercolour Sky | black, 14.2 to 1 |
| 30 | `#c7dce8` | `oklch(88.17% 0.0285 233.56)` | King of Waves | black, 14.7 to 1 |
| 31 | `#d3dee7` | `oklch(89.36% 0.0172 242.98)` | Burj Khalifa Fountain | black, 15.3 to 1 |
| 32 | `#dadfe5` | `oklch(90.16% 0.0096 249.61)` | Eastern Breeze | black, 15.6 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #dadfe5 0.0%, #d2dae6 3.2%, #c8d2e7 6.5%, #c1c8e8 9.7%, #c0bde8 12.9%, #c3b5e5 16.1%, #cab1e2 19.4%, #d2b0df 22.6%, #dcb1dc 25.8%, #e5b4d8 29.0%, #ecb7d3 32.3%, #f2bacc 35.5%, #f6bec6 38.7%, #f7c3c0 41.9%, #f6c9bc 45.2%, #f4cfb9 48.4%, #efd3b7 51.6%, #e7d8b6 54.8%, #dbddb9 58.1%, #cee0c0 61.3%, #c3e2c8 64.5%, #bae3cf 67.7%, #b2e2d3 71.0%, #aae0d5 74.2%, #a2ddd7 77.4%, #9edcda 80.6%, #a0dade 83.9%, #a9dae4 87.1%, #b8dae8 90.3%, #c7dce8 93.5%, #d3dee7 96.8%, #dadfe5 100.0%);
background: conic-gradient(from 0deg in oklch, oklch(90.16% 0.0096 250.31) 0.0%, oklch(88.61% 0.0185 256.80) 3.2%, oklch(86.29% 0.0315 265.93) 6.5%, oklch(83.73% 0.0460 276.62) 9.7%, oklch(81.48% 0.0595 287.78) 12.9%, oklch(80.04% 0.0692 298.35) 16.1%, oklch(79.75% 0.0739 307.77) 19.4%, oklch(80.26% 0.0756 316.79) 22.6%, oklch(81.26% 0.0751 325.85) 25.8%, oklch(82.46% 0.0732 335.40) 29.0%, oklch(83.57% 0.0710 345.88) 32.3%, oklch(84.43% 0.0685 357.44) 35.5%, oklch(85.38% 0.0644 9.58) 38.7%, oklch(86.35% 0.0595 22.46) 41.9%, oklch(87.24% 0.0547 36.30) 45.2%, oklch(87.94% 0.0509 51.35) 48.4%, oklch(88.37% 0.0487 68.15) 51.6%, oklch(88.60% 0.0478 88.10) 54.8%, oklch(88.66% 0.0476 109.63) 58.1%, oklch(88.57% 0.0481 130.78) 61.3%, oklch(88.37% 0.0489 149.56) 64.5%, oklch(88.06% 0.0501 164.06) 67.7%, oklch(87.40% 0.0532 174.19) 71.0%, oklch(86.52% 0.0573 181.48) 74.2%, oklch(85.67% 0.0608 187.44) 77.4%, oklch(85.11% 0.0622 193.58) 80.6%, oklch(85.08% 0.0599 201.42) 83.9%, oklch(85.74% 0.0523 211.49) 87.1%, oklch(86.86% 0.0410 222.63) 90.3%, oklch(88.17% 0.0285 233.56) 93.5%, oklch(89.36% 0.0172 242.98) 96.8%, oklch(90.16% 0.0096 249.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.01 | 250.3 |
| 2 | 0.799 | 0.07 | 300 |
| 3 | 0.839 | 0.07 | 349.6 |
| 4 | 0.882 | 0.05 | 419.4 |
| 5 | 0.882 | 0.05 | 519.8 |
| 6 | 0.85 | 0.061 | 559.9 |
| 7 | 0.902 | 0.01 | 609.6 |

## In these collections

- [New Year's Eve color palette](https://grabient.com/new-years-eve-color-palette)

## Other forms

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