awooo

Hello! 

[Disclaimer: To make gradient text, you have to turn off the beta option on tumblr posts] UPDATE: The beta option can no longer be turned off (presumably because they, well, rolled out whatever features were previously there in the beta). However, you can go to Settings → Dashboard → Type of dashboard (it'll be a dropdown close to the bottom) → HTML.

To make a gradient text, you basically have to convert whatever gradient you have into HTML code. [css code doesn’t work] Fortunately though, there are sites for that! You can use this site and/or this site. Here’s how they both work:

Method 1 - Patorjk’s Text Color Fader

Step 1: Enter your desired text, your colors [you can change the number of colors too; just click on the dropdown option] 

[Fade Type: I just use the default fade type, but I reckon the vertical one’s good if you want to create gradient paragraphs]

Now once you’ve clicked the “Generate Color Faded Text” button, you’ll see something like this:

Copy all of that and paste it into this site like so:

Click “Replace Text” and copy it to the clipboard, and you’re done!

Method 2 - JSFiddle 

This one’s not as “user-friendly” as the former, but it’s still pretty easy to manoeuvre around once you get the hang of it!

[When you’re done customizing, click on the “Run” button on the top left.]

Now you should see that the colors in those boxes in the run area are now your desired colors. Enter the text in the top text box as shown and click the run button next to the color boxes. Your HTML code should appear in the second text box. Copy that and you’re done!

[I’d only edit the main code if I want to add one/more colors. Otherwise you can just click the boxes in the run area and edit the colours directly from there. This supports hex codes, RGB and HSL.]

For example, I’ve done this:

Okay, now once you’ve copied your HTML code, you have to go back to tumblr and create a new post without the beta format. You should see a gear icon; click that and change the post type to HTML. [tip: customize a blank piece of text however you want (bold, italic etc.) in the Rich Text editor and then just replace that with your gradient text code in the HTML editor]

Now paste your HTML code in the text area, and you should see something like this:

[note: I just clicked on the gear icon to demonstrate what it should look like]

You can preview your text by clicking on the “preview” button to see if you got anything wrong/to see what the final result will look like, and you can add your desired tags.

And that’s really all there is to it! Here’s what my final result will look like:

Viridian: #009698 to #008b8b to #007474