Gradient Preview
Color Stops (2)
Usage Examples
Background
Button
Avatar
Progress
Generated CSS
.gradient-element {
background: linear-gradient(45deg, #8B5CF6 0%, #EC4899 100%);
/* Additional properties */
width: 100%;
height: 200px;
border-radius: 8px;
}