Advertise on WebGradients — reach designers & frontend developers.Learn more
#5D9FFF
#B8DCFF
#6BBBFF

Linear CSS gradient

#155 Landing Aircraft Gradient

Landing Aircraft combines sky blue (#5D9FFF), lavender (#B8DCFF), and cyan (#6BBBFF) in a soft 3 colour stops linear CSS gradient.

The low-contrast softness makes this gradient versatile as a background layer — readable and soothing at the same time.

Works well for health and wellness apps, baby product sites, soft UI card backgrounds. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#5D9FFFrgb(93, 159, 255)
#B8DCFFrgb(184, 220, 255)
#6BBBFFrgb(107, 187, 255)

CSS code

background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);

#155 Landing Aircraft Gradient preview