CodeKitHubWhat Is This Tool?
This tool blends your text character-by-character between a start color and an end color you choose, then outputs it in Minecraft's §x hex color code format.
A live preview shows exactly how the gradient will look, updating instantly as you type or change colors.
The output uses the modern §x§R§R§G§G§B§B per-character hex format supported by Minecraft Java Edition 1.16 and later.
Why Use It?
- You just launched a survival server and the plain white MOTD in the server list looks bland next to every other server using flashy colors — pick two brand colors and paste a gradient title that actually stands out in the multiplayer list.
- You're a plugin developer building a custom join message and want it to fade from your server's primary color to its accent color without manually calculating six hex digits per character by hand.
- You're setting up a scoreboard sidebar for a minigame and want the title to visually pop against the plain white stat lines below it — a two-color gradient reads as more polished than a single flat color.
- You want to preview how a gradient looks with your exact server name before committing hex codes to a config file, since "looks good in theory" and "reads well at 12pt Minecraft font" aren't always the same thing.
- 100% local: the gradient is calculated entirely in your browser, with nothing sent to a server.
How to Use
- Type the text you want to turn into a gradient.
- Pick a start color and an end color using the color pickers.
- Check the live preview to see how the gradient looks.
- Click "Copy" to copy the § hex color code output, then paste it wherever your server or plugin accepts formatted text.
Example
Input
Text: "Minecraft Server", Start: red, End: blueOutput
§xf§f§0§0§0§0M§xe§0§1§5§f§fi§xd§0§2§b§f§fn...Each character is assigned its own interpolated hex color between the start and end color, output in Minecraft's §x hex color code format.
How the § hex format works
Minecraft Java Edition 1.16+ supports arbitrary hex colors using the §x prefix followed by six §-prefixed hex digits, one per RGB channel pair, applied before each character.
| Element | Meaning |
|---|---|
| §x | Marks the start of a hex color code |
| §R§R | Red channel, two hex digits |
| §G§G | Green channel, two hex digits |
| §B§B | Blue channel, two hex digits |
| Character | The text character this color applies to |
Related tools
For more color and text tools, try these.
→ Minecraft Circle Generator · Bubble Text Generator · Nickname Symbol Generator
Picking colors that actually gradient well
- Choose two colors that are far apart on the color wheel (like red-to-blue or gold-to-purple) — colors too close together barely look like a gradient at all once rendered in Minecraft's font.
- For a server MOTD, keep both ends of the gradient bright enough to read against Minecraft's dark server-list background — very dark colors on either end tend to disappear.
- If your server has a logo or brand palette, pull the exact hex values from it so the in-game gradient matches your website, Discord and other branding.
- Test short text first — a 10–15 character server name shows the gradient's full range clearly, while a longer phrase spreads the same two colors more thinly across more characters.
Frequently Asked Questions
Does this work on Minecraft Bedrock Edition?
The §x hex color code format used by this tool is a Java Edition feature (1.16+). Bedrock Edition has more limited color code support and generally doesn't support arbitrary hex gradients the same way.
Where can I use the generated code?
Anywhere Minecraft Java Edition accepts formatted text with color codes — server MOTDs, tab list names, scoreboards, chat messages (via plugins), and some resource pack or plugin configurations.
Why does the code look so long for short text?
Each character gets its own 6-digit hex color code (§x followed by 6 §-prefixed hex digits), so the formatted output is naturally much longer than the plain text.
Does this tool save or track what I type?
No. The gradient is calculated entirely in your browser — nothing is sent to or stored on a server.
Can I use more than two colors?
This tool blends between exactly two colors (a start and an end) across your text. For a multi-color gradient, you could generate two segments separately and combine the output.
Will the gradient still work if my server uses a plugin like EssentialsX or a custom chat formatter?
Generally yes, since most modern plugins pass through §x hex color codes without stripping them, but a few older or heavily restrictive chat plugins filter formatting codes. If the gradient doesn't render, check your plugin's chat-formatting or color-permission settings.
Does the gradient work with bold, italic or other text formatting combined?
Minecraft lets you combine formatting codes like §l (bold) or §o (italic) with color codes, but this tool only outputs the color portion. You can manually add a formatting code right after the §x hex sequence for each character if you want bold or italic gradient text.
Why does my gradient look different in the server MOTD versus in-game chat?
The server list MOTD renders with a smaller font and slightly different rendering than in-game chat text, so a gradient that reads clearly in chat can look more compressed in the multiplayer server list. Preview it in both places once before finalizing your MOTD.
Can I generate a gradient for a whole paragraph, or is this meant for short titles?
It works on text of any length, but gradients are most visually effective on short strings like server names, titles or single lines — over a long paragraph the color change becomes too gradual to read as an intentional gradient.
Is there a way to reverse the gradient direction?
Yes — just swap your start and end color selections, and the same text will blend in the opposite direction.