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..
Chocolate (Traditional)
Cyan (Process)
Dark Blue-Gray
Marigold
Pale Silver
Picton Blue
Rich Electric Blue
Salmon
School Bus Yellow
Teal
United Nations Blue
Vivid Vermilion