Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Shadow Blue
Use the Shadow Blue gradient in your projects and designs.
background: #778BA5; background: linear-gradient(to bottom, #778BA5 0%, #687C96 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #778BA5), color-stop(100%, #687C96)); background: -webkit-linear-gradient(top, #778BA5 0%, #687C96 100%); background: -moz-linear-gradient(top, #778BA5 0%, #687C96 100%); background: -o-linear-gradient(top, #778BA5 0%, #687C96 100%); background: -ms-linear-gradient(top, #778BA5 0%, #687C96 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#778BA5', endColorstr='#687C96', GradientType=0); border: 1px solid #596D87; box-shadow: inset 0 1px 0 #869AB4; -webkit-box-shadow: inset 0 1px 0 #869AB4; -moz-box-shadow: inset 0 1px 0 #869AB4;
primary color:
#778BA5
secondary color:
#687C96
border color:
#596D87
box shadow color:
#869AB4
Shadow Blue Related Gradients
Here is
Shadow Blue
some more gradients for you to use on your projects and designs..
Apricot
Blast-Off Bronze
Electric Lavender
Chinese Red
French Fuchsia
Navy Purple
Myrtle Green
Orange (Color Wheel)
Pale Taupe
Pink Lavender
Rust
Rusty Red