#A445B2
#D41872
#FF0066
Linear CSS gradient
#173 Sugar Lollipop Gradient
Sugar Lollipop combines purple (#A445B2), hot pink (#D41872), and hot pink (#FF0066) in a vivid 3 colour stops linear CSS gradient.
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
#A445B2rgb(164, 69, 178)
#D41872rgb(212, 24, 114)
#FF0066rgb(255, 0, 102)
CSS code
background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%);