#gradient colors

dear lord.

I don’t mind at all! Just, fair warning, this is a bit of a long tutorial.

So, first things first, get the color codes for the two ‘extremes’ of your gradient. By ‘extremes’ I mean the colors that your gradient is going to shift from one to the other. Let’s use Smolder as an example. Her ‘extremes’ are the orange and purple of her color palette.  #EA9A24 for orange and #C64DAF for purple.

(This won’t help if you’re planning for a gradient outside MLP, but I use a website called MLP Vector Club to get the color codes of the different characters’ color palettes)

Once you have your color codes, go to this website to get to work making your gradient codes.

https://www.stuffbydavid.com/textcolorizer

Let’s take this one step at a time. First, type in the text you want to apply the gradient effect to. Let’s keep our example with Smolder going and use her name.

Now we’re going to choose our color effect. I personally use the middle gradient, where the text starts on one extreme, goes to the other extreme in the middle, then goes back to the first extreme. But this is totally up to personal preference, so experiment to see what works for you.

Now we’re going to plug in our color codes. If you’re feeling artistic, you can forego tracking down the color codes and manually choose a color in the website’s color tool.

Check the preview to make sure it’s what you want, then go down to the bottom of the page.

Copy the HTML code for your gradient and save it somewhere for later. I personally use a google doc for storing all the HTML codes for the gradients I use. REMEMBER that this code will only give you this gradient for this particular text, in this case: Smolder.

So, now that you have your gradient code, now we have to apply it to your Tumblr post. First, be prepared to save your post as a draft just in-case something goes wrong.

When you first open your new post, you’ll want to go into your post’s settings.

From there, set your Text Editor to HTML

This will change the formatting of your post so that you can write in the HTML code manually. It will look a little something like this.

Delete JUST THE NAMES that you are planning on replacing with your gradient texts, then copy and paste your gradient codes. Once again, make sure your gradient code uses the right name. Make sure there are no spaces either. It should be one solid line of code between </p><p> and the :

At the end, your post should look something like this. Save your draft, and...

There you go! Personally, I like to further embellish it by putting the names in bold to make the gradients pop more, but if you do, SWITCH OVER TO YOUR PHONE!!! Editing the post on your laptop or desktop might revert the gradient back to the default black.

I was trying something new and definitely could have used some references. I went further then planned...like that glowing arm....no the other arm....but don't think I went far enough. Maybe next time