Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Sky Blue
Use the Sky Blue gradient in your projects and designs.
background: #87CEEB; background: linear-gradient(to bottom, #87CEEB 0%, #78BFDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87CEEB), color-stop(100%, #78BFDC)); background: -webkit-linear-gradient(top, #87CEEB 0%, #78BFDC 100%); background: -moz-linear-gradient(top, #87CEEB 0%, #78BFDC 100%); background: -o-linear-gradient(top, #87CEEB 0%, #78BFDC 100%); background: -ms-linear-gradient(top, #87CEEB 0%, #78BFDC 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87CEEB', endColorstr='#78BFDC', GradientType=0); border: 1px solid #69B0CD; box-shadow: inset 0 1px 0 #96DDFA; -webkit-box-shadow: inset 0 1px 0 #96DDFA; -moz-box-shadow: inset 0 1px 0 #96DDFA;
primary color:
#87CEEB
secondary color:
#78BFDC
border color:
#69B0CD
box shadow color:
#96DDFA
Sky Blue Related Gradients
Here is
Sky Blue
some more gradients for you to use on your projects and designs..
Blue-Green
Blue-Violet
Brilliant Azure
Copper Rose
Dark Sienna
Gold (Web) (Golden)
Heliotrope Magenta
Metallic Seaweed
MSU Green
Rich Lilac
Tufts Blue
Vivid Tangerine