Loading the next page.
Loading the next page.
Pick a color. Build a system. Take it into your work.
Arrange up to eight stops and export linear, radial or conic CSS gradients.
Up to eight stops. Stops are sorted by position in the exported CSS; equal positions intentionally create hard edges.
background: #12776F;
background: linear-gradient(135deg, #12776F 0%, #D9E6D5 100%);The fallback background precedes the gradient. Preview translucent stops over your actual page background before publishing.
The preview uses normal browser sRGB gradient interpolation. Exported CSS includes stop positions. Gradients vary across a surface: a contrast score for one stop cannot certify text across the entire gradient.
Shared between tools