Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Turquoise
Use the Turquoise gradient in your projects and designs.
background: #40E0D0; background: linear-gradient(to bottom, #40E0D0 0%, #31D1C1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40E0D0), color-stop(100%, #31D1C1)); background: -webkit-linear-gradient(top, #40E0D0 0%, #31D1C1 100%); background: -moz-linear-gradient(top, #40E0D0 0%, #31D1C1 100%); background: -o-linear-gradient(top, #40E0D0 0%, #31D1C1 100%); background: -ms-linear-gradient(top, #40E0D0 0%, #31D1C1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40E0D0', endColorstr='#31D1C1', GradientType=0); border: 1px solid #22C2B2; box-shadow: inset 0 1px 0 #4FEFDF; -webkit-box-shadow: inset 0 1px 0 #4FEFDF; -moz-box-shadow: inset 0 1px 0 #4FEFDF;
primary color:
#40E0D0
secondary color:
#31D1C1
border color:
#22C2B2
box shadow color:
#4FEFDF
Turquoise Related Gradients
Here is
Turquoise
some more gradients for you to use on your projects and designs..
Amethyst
Android Green
Carrot Orange
Cobalt Blue
French Plum
Independence
Keppel
Raspberry Glace
Persimmon
Taupe Gray
Violet-Red
Vivid Amber