Gradient #169

Supreme Sky

Linear CSS gradient at -225° with 3 color stops.

Customize gradient
background-image: linear-gradient(-225deg, #D4FFEC 0%, #57F2CC 48%, #4596FB 100%);

Color stops

#D4FFEC
Position 0%
#57F2CC
Position 48%
#4596FB
Position 100%
Preset dataset: WebGradientsMIT source

Explore more

Similar gradients

View all 180

Tempting Azure

#012 · 120°

Itmeo Branding

#035 · 180°

Summer Games

#079 · 0°

Flying Lemon

#113 · 60°

Seashore

#120 · 0°

Aqua Guidance

#150 · 0°

FAQ

Supreme Sky gradient questions

?How do I reproduce Supreme Sky in CSS?

Use background-image: linear-gradient(-225deg, #D4FFEC 0%, #57F2CC 48%, #4596FB 100%); on the target element. This preset has 3 color stops at -225 degrees; check it at the final element dimensions.

?Which colors should I adjust in Supreme Sky?

The current stops are #D4FFEC at 0%, #57F2CC at 48%, #4596FB at 100%. Change one stop at a time and preview the transition before replacing the full preset.