CSS Gradient Builder

Type

Gradient Type

Angle 135°

Color Stops

Color

Pos 0%

Color

Pos 100%

Presets

Preview

Gradient Bar

css

.gradient {
  background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
}

Creating beautiful gradients? MightyWidgets brings interactive UI components to any site.

Check out MightyWidgets.com