Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Cerulean
Use the Cerulean gradient in your projects and designs.
background: #007BA7; background: linear-gradient(to bottom, #007BA7 0%, #006C98 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007BA7), color-stop(100%, #006C98)); background: -webkit-linear-gradient(top, #007BA7 0%, #006C98 100%); background: -moz-linear-gradient(top, #007BA7 0%, #006C98 100%); background: -o-linear-gradient(top, #007BA7 0%, #006C98 100%); background: -ms-linear-gradient(top, #007BA7 0%, #006C98 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007BA7', endColorstr='#006C98', GradientType=0); border: 1px solid #005D89; box-shadow: inset 0 1px 0 #0F8AB6; -webkit-box-shadow: inset 0 1px 0 #0F8AB6; -moz-box-shadow: inset 0 1px 0 #0F8AB6;
primary color:
#007BA7
secondary color:
#006C98
border color:
#005D89
box shadow color:
#0F8AB6
Cerulean Related Gradients
Here is
Cerulean
some more gradients for you to use on your projects and designs..
Asparagus
Pink-Orange
Black Leather Jacket
Light Red Ochre
Cambridge Blue
Ceil
Cotton Candy
Cyan Cobalt Blue
Dartmouth Green
Deep Puce
Honolulu Blue
Satin Sheen Gold