docs.unity3d.com
Search Results for

    Show / Hide Table of Contents

    Gradient

    Important

    This package is deprecated. From Unity 2023.2, TextMesh Pro is part of the Unity UI (uGUI) package. For current documentation, refer to TextMesh Pro in the Unity UI package.

    The <gradient> tag applies a pre-defined gradient preset to text.

    For more information about creating gradient presets, see the documentation on Gradient Presets.

    The closing </gradient> tag reverts to the TextMesh pro object's original color.

    Example:

    Apply<b>
    <gradient="Yellow to Orange - Vertical">any
    <gradient="Light to Dark Green - Vertical">gradient
    <gradient="Blue to Purple - Vertical">preset</gradient>
    </b>to your text
    


    Successive gradient tags ended with a closing </gradient>

    Note: When you apply a gradient using this tag, it's multiplied by the TextMesh Pro object's current vertex colors.

    This <gradient="Light to Dark Green - Vertical">Light to Dark Green gradient</gradient> is tinted by the red vertex color
    


    Applying a green gradient to red text

    To apply the pure gradient to a selection of text, you can use a <color> tag to "reset" the color to white before applying the gradient.

    This <color=#FFFFFFFF><gradient="Light to Dark Green - Vertical">Light to Dark Green gradient</gradient></color> is no longer tinted by the red vertex color
    


    "Resetting" the text's vertex color before applying a gradient

    In This Article
    Back to top
    Copyright © 2026 Unity Technologies — Trademarks and terms of use
    • Legal
    • Privacy Policy
    • Cookie Policy
    • Do Not Sell or Share My Personal Information
    • Your Privacy Choices (Cookie Settings)