Advertise on WebGradients — reach designers & frontend developers.Learn more
#5EE7DF
#B490CA

Linear CSS gradient

#024 Near Moon Gradient

Near Moon is a smooth linear CSS gradient flowing upward from bottom to top, built from teal (#5EE7DF) and violet (#B490CA) across two colour stops.

Clean and composed, the cool tones project clarity and analytical reliability without feeling cold.

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
#5EE7DFrgb(94, 231, 223)
#B490CArgb(180, 144, 202)

CSS code

background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);

#024 Near Moon Gradient preview