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..
Blue (NCS)
Cal Poly Green
Deep Sky Blue
Cherry
Cyber Grape
Dark Byzantium
Deep Puce
French Bistre
Harvard Crimson
Medium Spring Bud
Orange (Color Wheel)
Safety Yellow