Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Bluebonnet
Use the Bluebonnet gradient in your projects and designs.
background: #1C1CF0; background: linear-gradient(to bottom, #1C1CF0 0%, #0D0DE1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C1CF0), color-stop(100%, #0D0DE1)); background: -webkit-linear-gradient(top, #1C1CF0 0%, #0D0DE1 100%); background: -moz-linear-gradient(top, #1C1CF0 0%, #0D0DE1 100%); background: -o-linear-gradient(top, #1C1CF0 0%, #0D0DE1 100%); background: -ms-linear-gradient(top, #1C1CF0 0%, #0D0DE1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C1CF0', endColorstr='#0D0DE1', GradientType=0); border: 1px solid #0000D2; box-shadow: inset 0 1px 0 #2B2BFF; -webkit-box-shadow: inset 0 1px 0 #2B2BFF; -moz-box-shadow: inset 0 1px 0 #2B2BFF;
primary color:
#1C1CF0
secondary color:
#0D0DE1
border color:
#0000D2
box shadow color:
#2B2BFF
Bluebonnet Related Gradients
Here is
Bluebonnet
some more gradients for you to use on your projects and designs..
Blue (Pantone)
Chartreuse (Traditional)
Cherry Blossom Pink
Electric Crimson
Lavender (Floral)
Violet (Web)
Purple Heart
Ruddy
Steel Pink
Tiger's Eye
Vivid Yellow
Yellow-Green