Advertise on WebGradients — reach designers & frontend developers.Learn more
#16D9E3
#30C7EC
#46AEF7

Radial CSS gradient

#027 Arielle's Smile Gradient

Arielle's Smile is a bold radial CSS gradient built from teal (#16D9E3), cyan (#30C7EC), and cyan (#46AEF7) across 3 colour stops.

Saturated to the max, this palette grabs attention fast and keeps it — ideal wherever boldness is a feature, not a bug.

Works well for gaming UIs, nightlife event pages, bold call-to-action sections. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#16D9E3rgb(22, 217, 227)
#30C7ECrgb(48, 199, 236)
#46AEF7rgb(70, 174, 247)

CSS code

background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);

#027 Arielle's Smile Gradient preview