Gradient Generator

Create beautiful gradients and get the CSS code instantly

Gradient Controls

Color 1

Color 2

Gradient Type

Linear

Radial

Conic

Gradient Direction

To Right

To Bottom

Diagonal

Circle

Angle: 90°

Gradient Preview

CSS Code

Copy the CSS code below

background: linear-gradient(90deg, #00b4db 0%, #0083b0 100%);
/* For more browser support */
background: -webkit-linear-gradient(90deg, #00b4db 0%, #0083b0 100%);