Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Teal Blue
Use the Teal Blue gradient in your projects and designs.
background: #367588; background: linear-gradient(to bottom, #367588 0%, #276679 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #367588), color-stop(100%, #276679)); background: -webkit-linear-gradient(top, #367588 0%, #276679 100%); background: -moz-linear-gradient(top, #367588 0%, #276679 100%); background: -o-linear-gradient(top, #367588 0%, #276679 100%); background: -ms-linear-gradient(top, #367588 0%, #276679 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#367588', endColorstr='#276679', GradientType=0); border: 1px solid #18576A; box-shadow: inset 0 1px 0 #458497; -webkit-box-shadow: inset 0 1px 0 #458497; -moz-box-shadow: inset 0 1px 0 #458497;
primary color:
#367588
secondary color:
#276679
border color:
#18576A
box shadow color:
#458497
Teal Blue Related Gradients
Here is
Teal Blue
some more gradients for you to use on your projects and designs..
Blue
Carmine Pink
Cherry Blossom Pink
Harlequin Green
Light Yellow
Nadeshiko Pink
Purple Taupe
Razzmic Berry
Rosso Corsa
Ultramarine Blue
Vivid Violet
Wild Strawberry