Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Diamond
Use the Diamond gradient in your projects and designs.
background: #B9F2FF; background: linear-gradient(to bottom, #B9F2FF 0%, #AAE3F0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B9F2FF), color-stop(100%, #AAE3F0)); background: -webkit-linear-gradient(top, #B9F2FF 0%, #AAE3F0 100%); background: -moz-linear-gradient(top, #B9F2FF 0%, #AAE3F0 100%); background: -o-linear-gradient(top, #B9F2FF 0%, #AAE3F0 100%); background: -ms-linear-gradient(top, #B9F2FF 0%, #AAE3F0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9F2FF', endColorstr='#AAE3F0', GradientType=0); border: 1px solid #9BD4E1; box-shadow: inset 0 1px 0 #C8FFFF; -webkit-box-shadow: inset 0 1px 0 #C8FFFF; -moz-box-shadow: inset 0 1px 0 #C8FFFF;
primary color:
#B9F2FF
secondary color:
#AAE3F0
border color:
#9BD4E1
box shadow color:
#C8FFFF
Diamond Related Gradients
Here is
Diamond
some more gradients for you to use on your projects and designs..
Aureolin
Bitter Lemon
Bubble Gum
Caput Mortuum
Cinereous
Hunter Green
Glaucous
Harvest Gold
Outrageous Orange
Pastel Green
Safety Orange (Blaze Orange)
Shampoo