Toolbox Max / Features / Gradients

Free

Gradients

Build a gradient from any number of color stops, set the angle and copy the finished CSS code.

Available in: Toolbox Max Toolbox Max for Developers

How it works

Three steps

  1. Add color stops and set their positions.

  2. Choose the gradient type and angle; the preview updates live.

  3. Copy the CSS code.

What you get

  • Multiple color stops
  • Linear and radial gradients
  • Live preview
  • Ready-to-copy CSS code

When it helps

  • Section and button backgrounds on a site
  • Covers and graphics for social media
  • A quick color prototype in a project

Free forever

This tool is in the Free version with no time limit.

Free vs. Pro comparison

Privacy and permissions

Everything works locally.

All tools in one panel

Install it for free and see how many extensions you can finally uninstall.

Add to Chrome
© Toolbox Max · gettoolboxmax.comFeatures · Free and Pro · Pro · Privacy · Terms · No account. No tracking.