Skip to main content
Back to all tools

CSS Gradient Generator

Create linear, radial, and conic CSS gradients for backgrounds and text.

drag to pan
Click bar to add · Drag handles to reposition · Select handle to edit below
#6366f1
0%
#1
#ec4899
100%
#2
Stop 1 of 2
Color
#6366f1
Position
%
90°
css
.element {
  background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
}