CSS Gradient Studio
Build linear, radial, and conic gradients visually. Copy the CSS when you're done.
Pick a preset to start, or edit the colour stops below. Try Flow, Spin, or Hue in the Animation section to make it come alive.
Colour Stops
#0478570%
#fddb07100%
Direction
135°
Animation
CSS
background: linear-gradient(135deg, #047857 0%, #fddb07 100%);