Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Vivid Cerulean
Use the Vivid Cerulean gradient in your projects and designs.
background: #00AAEE; background: linear-gradient(to bottom, #00AAEE 0%, #009BDF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00AAEE), color-stop(100%, #009BDF)); background: -webkit-linear-gradient(top, #00AAEE 0%, #009BDF 100%); background: -moz-linear-gradient(top, #00AAEE 0%, #009BDF 100%); background: -o-linear-gradient(top, #00AAEE 0%, #009BDF 100%); background: -ms-linear-gradient(top, #00AAEE 0%, #009BDF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AAEE', endColorstr='#009BDF', GradientType=0); border: 1px solid #008CD0; box-shadow: inset 0 1px 0 #0FB9FD; -webkit-box-shadow: inset 0 1px 0 #0FB9FD; -moz-box-shadow: inset 0 1px 0 #0FB9FD;
primary color:
#00AAEE
secondary color:
#009BDF
border color:
#008CD0
box shadow color:
#0FB9FD
Vivid Cerulean Related Gradients
Here is
Vivid Cerulean
some more gradients for you to use on your projects and designs..
Bitter Lemon
Magenta (Crayola)
Byzantine
Ceil
Dark Goldenrod
Medium Ruby
Mountbatten Pink
Pearl
Pink Flamingo
Purple Mountain Majesty
Purple Navy
Viridian Green