Home/Tools/Gradient Generator
Color Tools Browser-side

Gradient Generator

Create linear and radial gradients visually. Copy the CSS code with one click.

Settings

Enter settings to start processing

How to use

STEP 1

Choose Colors

Set start and end colors for the gradient

STEP 2

Adjust Type & Angle

Choose linear or radial, set angle

STEP 3

Copy CSS

Paste directly into your stylesheet

Related tools

Color Palette Generator
Generate harmonious color palettes from a base color, including complementary, analogous, triadic, and more.
Color Picker
Pick a color and get HEX, RGB, HSL, and CMYK codes in real time. Streamline your design workflow.
Color Converter
Convert color codes between HEX, RGB, HSL, and CMYK. Perfect for transferring colors between design tools.

Create logos with AI for free

Once you have your brand colors, try generating a logo with AI.

Create a free logo →