Advertise on WebGradients — reach designers & frontend developers.Learn more
#2CD8D5
#6B8DD6
#8E37D7

Linear CSS gradient

#153 Black Sea Gradient

Black Sea is a vivid linear CSS gradient built from teal (#2CD8D5), sky blue (#6B8DD6), and violet (#8E37D7) across 3 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
#2CD8D5rgb(44, 216, 213)
#6B8DD6rgb(107, 141, 214)
#8E37D7rgb(142, 55, 215)

CSS code

background-image: linear-gradient(-225deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%);

#153 Black Sea Gradient preview