CSS Gradient Generator

Generate linear/radial gradient CSS. Set colors and positions, copy code.

Angle: 90°

Color stops

CSS

background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);

Add to favorites for quick access from the home page

Related tools

Tools often used together with this one

Generate box-shadow CSS. Adjust offset, blur, spread, color.

Format CSS with proper indentation.

Convert CSV data to JSON format. Paste CSV, get structured JSON.

Compare two JSON objects and highlight differences.

›How it works

linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%)