Color Gradient Types

You can apply the following types of gradients to text.

  • Single: A single color that is TextMesh Pro multiplies with the text object's vertex color.

  • Horizontal: A two-color side-to-side gradient.

  • Vertical: A two-color up-and-down gradient.

  • Four Corner: A four-color gradient. Each color radiates from one corner.


The TexMesh Pro color gradient settings

The number of colors available in the Colors settings depends on the type of gradient you choose. Each swatch corresponds to the color's origin on a character sprite.

The image above shows a the settings for a four color gradient. Each color originates in the corresponding corner of the sprite (top-left, top-right, bottom-left, bottom-right). IT produces the following gradient:

Single Color

The Single gradient type applies a single color.

Horizontal Gradients

The Horizontal gradient type applies two colors, and produces a side to side transition between them on each character.



Vertical Gradients

The Vertical gradient type consists of two colors, and produces an up and down transition between the two on each character.





Four Corner Gradients

The Four Corner gradient type applies four colors. Each one radiates out from its assigned corner of each character.



This is the most versatile gradient type. By varying some colors and keeping others identical, you can create different kinds of gradients. For example:

  • Give three corners one color and the fourth a different color.

  • Give pairs of adjacent corners the same color to create horizontal or vertical gradients.



  • Give pairs of diagonally opposite corners the same color to create diagonal gradients.





  • Create horizontal and vertical 3-color gradients with a dominant color at one end and a transition between two colors at the other.



  • Give two diagonally opposite corners same color and give the other two corners different colors to create a diagonal stripe 3-color gradient.