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..
Blush
CG Blue
Fandango Pink
Fern Green
Fuchsia Purple
Mountbatten Pink
Wine Dregs
Princeton Orange
Red (Crayola)
Rose Ebony
Saddle Brown
Stormcloud