#A3BDED
#6991C7
Linear CSS gradient
Great Whale
A smooth linear CSS gradient flowing upward from bottom to top, Great Whale blends lavender (#A3BDED) and sky blue (#6991C7) in 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
#A3BDEDrgb(163, 189, 237)
#6991C7rgb(105, 145, 199)
CSS code
background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%);