#7028E4
#E5B2CA
Linear CSS gradient
#069 Purple Division Gradient
Purple Division is a vivid linear CSS gradient flowing upward from bottom to top, built from periwinkle (#7028E4) and rose (#E5B2CA) across two colour stops.
The rich saturation ensures strong visual presence even at small sizes — useful for icons, badges, and accent strips.
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
#7028E4rgb(112, 40, 228)
#E5B2CArgb(229, 178, 202)
CSS code
background-image: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%);