docs.unity3d.com
Search Results for

    Show / Hide Table of Contents

    Gradient

    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 © 2025 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)