#667EEA
#764BA2
Linear CSS gradient
#028 Plum Plate Gradient
A smooth linear CSS gradient angled at 135° steeply downward, Plum Plate blends sky blue (#667EEA) and violet (#764BA2) 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
#667EEArgb(102, 126, 234)
#764BA2rgb(118, 75, 162)
CSS code
background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);