CSS gradient generator
Design linear or radial gradients with live preview, adjustable angle, and multiple color stops. Copy the CSS when you are done.
CSS gradient generator
Linear or radial — tune angle and stops, then copy CSS.
CSS
background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);