This example builds one 135deg linear gradient from coral through amber to violet. Set #FF6B6B at 0%, #F59E0B at 50% and #5B21B6 at 100%. These are explicit example colours, not the tool's initial palette.
Enter the three colours and positions
Choose Linear and set the angle to 135. Set the first endpoint to #FF6B6B at 0 and the last to #5B21B6 at 100, then add one stop. Change the inserted colour to #F59E0B and keep its position at 50. The automatic midpoint colour is only a starting value; leaving it unchanged would not reproduce this example. Check that exactly three rows remain.
Compare the complete copied declaration
Expected output: background-image: linear-gradient(135deg, #FF6B6B 0%, #F59E0B 50%, #5B21B6 100%);. The stop order must be coral, amber, violet regardless of the order in which their percentages were edited. Moving amber to 70% extends the first transition and compresses the second; that is a different fixture. Compare the original 50% declaration before experimenting with the palette or angle.
Verify the declaration in its real context
Keep a background-color fallback and save the CSS before reloading: palettes are not stored. Test the target browsers and sizes. Check text contrast across the visible gradient, not just one point; the preview certifies neither accessibility nor compatibility.