Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Beige
Use the Beige gradient in your projects and designs.
background: #F5F5DC; background: linear-gradient(to bottom, #F5F5DC 0%, #E6E6CD 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5DC), color-stop(100%, #E6E6CD)); background: -webkit-linear-gradient(top, #F5F5DC 0%, #E6E6CD 100%); background: -moz-linear-gradient(top, #F5F5DC 0%, #E6E6CD 100%); background: -o-linear-gradient(top, #F5F5DC 0%, #E6E6CD 100%); background: -ms-linear-gradient(top, #F5F5DC 0%, #E6E6CD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5DC', endColorstr='#E6E6CD', GradientType=0); border: 1px solid #D7D7BE; box-shadow: inset 0 1px 0 #FFFFEB; -webkit-box-shadow: inset 0 1px 0 #FFFFEB; -moz-box-shadow: inset 0 1px 0 #FFFFEB;
primary color:
#F5F5DC
secondary color:
#E6E6CD
border color:
#D7D7BE
box shadow color:
#FFFFEB
Beige Related Gradients
Here is
Beige
some more gradients for you to use on your projects and designs..
French Puce
Gold Fusion
Goldenrod
Harvest Gold
Orange-Yellow
Outer Space
Purple Pizzazz
Robin Egg Blue
Sky Magenta
Vivid Amber
Vivid Cerulean
Vivid Red-Tangelo