---
title: "Gradient Generator — Spectra"
canonical_url: "https://usespectra.app/tools/gradient"
last_updated: "2026-09-03T14:39:55.259Z"
meta:
  description: "Spread a smooth color gradient across any text and copy it in the format your server understands. Up to seven color stops, live preview, three output syntaxes."
  "og:description": "Spread a smooth color gradient across any text and copy it in the format your server understands. Up to seven color stops, live preview, three output syntaxes."
  "og:title": "Gradient Generator"
  "twitter:description": "Spread a smooth color gradient across any text and copy it in the format your server understands. Up to seven color stops, live preview, three output syntaxes."
  "twitter:title": "Gradient Generator"
---

# **Gradient Generator**

Spread a smooth color gradient across any text and copy it in the format your server understands. Up to seven color stops, live preview, three output syntaxes.

In-game preview

SpectraNetwork

2 of 7 colors

Your text

Formatting codes

Presets

**MiniMessage**

Paper, Velocity and anything built on Adventure. One tag, shortest output.

```
<gradient:#00e0ff:#c837ff>Spectra Network</gradient>
```

52 characters

**&-hex per character**

EssentialsX, DeluxeChat and most chat plugins with hex support.

```
&#00e0ffS&#0fd3ffp&#1fc6ffe&#2eb9ffc&#3eacfft&#4d9fffr&#5c92ffa &#6c85ffN&#7b78ffe&#8a6bfft&#9a5effw&#a951ffo&#b944ffr&#c837ffk
```

127 characters

**§x hex per character**

Signs, books, anvils and plugins that only speak Spigot's §x form.

```
§x§0§0§e§0§f§fS§x§0§f§d§3§f§fp§x§1§f§c§6§f§fe§x§2§e§b§9§f§fc§x§3§e§a§c§f§ft§x§4§d§9§f§f§fr§x§5§c§9§2§f§fa §x§6§c§8§5§f§fN§x§7§b§7§8§f§fe§x§8§a§6§b§f§ft§x§9§a§5§e§f§fw§x§a§9§5§1§f§fo§x§b§9§4§4§f§fr§x§c§8§3§7§f§fk
```

211 characters

## **How to create gradient text**

01

### **Write your text**

The gradient spreads evenly across every visible character. Spaces are skipped, so they do not eat into the length limit.

02

### **Pick your colors**

Two stops give a straight fade. Add more to route the gradient through them — each stop gets an equal share of the text.

03

### **Copy the right format**

MiniMessage if your server runs Paper or Velocity, &-hex for most chat plugins, §x for signs, books and anything older.

## **Frequently asked questions**

## **Come say hi**

Support, mod recommendations, build feedback and weekend events. The Discord is where Spectra actually lives.

**50+**

members

[Join the Discord](https://discord.gg/pv52eNr6uc)