#gratient text tutorial
Explore tagged Tumblr posts
slayer-the · 5 years ago
Note
hi, can you teach how to write in colorful gradient?
hi! I’ll try to make this as clear as possible but i’m not so good at doing tutorials, so bear with me :)
1) you have to do the whole thing by using HTML coding. so start off by opening the html page in text:
Tumblr media
2) to make the text gradient - each word or each letter (as you prefer) - you have to use the color hexcodes: 
Tumblr media
(hexcodes can be found on the internet but i always use the color picker on photoshop for my gradient)
3) pick a color, and use the hexcode like this:
       <span style=“color: #hexcode”> your word or your letter </>span>
4) i used the sentence “i am juliet” + the 1st gradient color above (blue - #00a5e3, green - #8dd8bf..):
Tumblr media
5) then it looks like this:
Tumblr media
6) as you’ve noticed, here the colors are all different. to make it a gradient, just choose a color, dark blue for example:
Tumblr media
and keep repeating the process by picking lighter shades for every next letter/word.
i hope that was clear and that it will help you.
thanks for the ask :)
153 notes · View notes
pian-ran · 6 years ago
Note
I adore you posts! Btw how you write gratient color texts?
aw thanks <3
I use this site 
also, here is a helpful tutorial in case you have trouble with the HTML codes
0 notes