Create your gradient

Colors

randomize

Direction

90 degrees
180 degrees
Custom

Enter a number between 0 and 360

Element type

Button
Background
Text

Enter a number between 0 and 360

Share your creation

Export

Small button

Medium button

Large button

X-large button


#yourDiv {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(90deg, red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, red, yellow); /* Standard syntax */
}