G
GamutDesk

Linear CSS Gradient Maker

Visual builder for CSS linear-gradient() with cardinal angle presets, multi-stop slider positions, and instant CSS export.

100% Client-SideZero Data Collection
linear-gradient(135deg, ...)
Angle Rotation135°
Color Stops (3/8)
0%
50%
100%
CSS Linear Gradient Rule
background: #1E3A8A;
background: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 50%, #10B981 100%);

Technical Specification & Mathematical Principles

The gradient line passes through the center of the box, with length L = |w * sin(θ)| + |h * cos(θ)| where w and h are viewport dimensions.

Frequently Asked Questions

In W3C specifications, 0deg points upward (to top), and angles rotate clockwise. 90deg is to the right, 180deg is to the bottom, and 270deg is to the left.

Related Design & Color Instruments