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..
Cobalt Blue
Dark Puce
Electric Yellow
French Raspberry
Light Yellow
Myrtle Green
Stil De Grain Yellow
Pale Brown
Red-Purple
Rusty Red
UA Blue
Vivid Malachite