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..
Lime (Color Wheel)
Cocoa Brown
Dark Blue
Dark Liver (Horses)
Islamic Green
Liver (Dogs)
Neon Green
Opera Mauve
Rich Black
Spiro Disco Ball
Violet (RYB)
Wild Blue Yonder