CSS Gradient Text Generator

Create beautiful gradient text and instantly copy the CSS background-clip code.

Ad PlacementSet NEXT_PUBLIC_ADSENSE_ID to activate

Display Text

Color 1

Color 2

Gradient Angle90°

Awesome Gradient

CSS Code

background: linear-gradient(90deg, #8b5cf6, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;

Loading...

Preparing your workspace