Gradients·free · no signup

Gradient Palette

Turn a two-color gradient into an evenly-spaced palette — perfect for charts, heatmaps and data viz.

From
#
To
#
Steps
Sampled palette
CSS variables
palette.css
:root {
  --stop-1: #7C5CFF;
  --stop-2: #9972FF;
  --stop-3: #B689FF;
  --stop-4: #D39FFF;
  --stop-5: #F0B5FF;
}