Advertise on WebGradients — reach designers & frontend developers.Learn more
#88D3CE
#6E45E2

Linear CSS gradient

#067 Sky Glider Gradient

A smooth linear CSS gradient flowing upward from bottom to top, Sky Glider blends teal (#88D3CE) and periwinkle (#6E45E2) in two colour stops.

The blue-leaning balance conveys dependability — a palette that earns trust before the headline is even read.

Works well for SaaS marketing pages, corporate intranets, productivity tools. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#88D3CErgb(136, 211, 206)
#6E45E2rgb(110, 69, 226)

CSS code

background-image: linear-gradient(to top, #88d3ce 0%, #6e45e2 100%);

#067 Sky Glider Gradient preview