#007ADF
#00ECBC
Linear CSS gradient
Aqua Guidance
Aqua Guidance is a vivid linear CSS gradient flowing upward from bottom to top, built from cyan (#007ADF) and teal (#00ECBC) across two colour stops.
Vivid and dynamic, the saturated palette commands attention and communicates confidence across any viewport.
Works well for sports and fitness apps, brand campaign pages, digital art portfolios. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#007ADFrgb(0, 122, 223)
#00ECBCrgb(0, 236, 188)
CSS code
background-image: linear-gradient(to top, #007adf 0%, #00ecbc 100%);