Puppy Gradients
Puppy's Gradient Text Maker
Like this tool? Consider
tipping me
Message
0 chars
Colors
3 stops
+ Add color
Fade type
Horizontal (across whole message)
Horizontal (reset each line)
Vertical (one color per line)
Output format
CSS gradient (background-clip: text)
HTML (span tags, per character)
Hex code + character list
BBCode / forum [color] tags
Font size (applied to every <span>)
px
pt
em
%
Live preview
Monospace preview
Output code
Copied ✓
Copy