Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Peridot
Use the Peridot gradient in your projects and designs.
background: #E6E200; background: linear-gradient(to bottom, #E6E200 0%, #D7D300 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E200), color-stop(100%, #D7D300)); background: -webkit-linear-gradient(top, #E6E200 0%, #D7D300 100%); background: -moz-linear-gradient(top, #E6E200 0%, #D7D300 100%); background: -o-linear-gradient(top, #E6E200 0%, #D7D300 100%); background: -ms-linear-gradient(top, #E6E200 0%, #D7D300 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E200', endColorstr='#D7D300', GradientType=0); border: 1px solid #C8C400; box-shadow: inset 0 1px 0 #F5F10F; -webkit-box-shadow: inset 0 1px 0 #F5F10F; -moz-box-shadow: inset 0 1px 0 #F5F10F;
primary color:
#E6E200
secondary color:
#D7D300
border color:
#C8C400
box shadow color:
#F5F10F
Peridot Related Gradients
Here is
Peridot
some more gradients for you to use on your projects and designs..
Livid
Burnt Orange
Cafe Noir
Cocoa Brown
Cinereous
Dark Turquoise
Hunter Green
Fresh Air
Light Grayish Magenta
Spanish Bistre
UCLA Gold
Vivid Red