#3D4E81
#5753C9
#6E7FF3
Linear CSS gradient
#180 Perfect Blue Gradient
Perfect Blue is a smooth linear CSS gradient built from navy (#3D4E81), cornflower blue (#5753C9), and sky blue (#6E7FF3) across 3 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
#3D4E81rgb(61, 78, 129)
#5753C9rgb(87, 83, 201)
#6E7FF3rgb(110, 127, 243)
CSS code
background-image: linear-gradient(-225deg, #3D4E81 0%, #5753C9 48%, #6E7FF3 100%);