Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Ochre
Use the Ochre gradient in your projects and designs.
background: #CC7722; background: linear-gradient(to bottom, #CC7722 0%, #BD6813 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CC7722), color-stop(100%, #BD6813)); background: -webkit-linear-gradient(top, #CC7722 0%, #BD6813 100%); background: -moz-linear-gradient(top, #CC7722 0%, #BD6813 100%); background: -o-linear-gradient(top, #CC7722 0%, #BD6813 100%); background: -ms-linear-gradient(top, #CC7722 0%, #BD6813 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC7722', endColorstr='#BD6813', GradientType=0); border: 1px solid #AE5904; box-shadow: inset 0 1px 0 #DB8631; -webkit-box-shadow: inset 0 1px 0 #DB8631; -moz-box-shadow: inset 0 1px 0 #DB8631;
primary color:
#CC7722
secondary color:
#BD6813
border color:
#AE5904
box shadow color:
#DB8631
Ochre Related Gradients
Here is
Ochre
some more gradients for you to use on your projects and designs..
Pale Aqua
Cerise Pink
Charcoal
Coquelicot
French Bistre
Laurel Green
Light Fuchsia Pink
Light Orchid
Limerick
Lumber
Tea Green
Upsdell Red