Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Violet-Blue
Use the Violet-Blue gradient in your projects and designs.
background: #324AB2; background: linear-gradient(to bottom, #324AB2 0%, #233BA3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #324AB2), color-stop(100%, #233BA3)); background: -webkit-linear-gradient(top, #324AB2 0%, #233BA3 100%); background: -moz-linear-gradient(top, #324AB2 0%, #233BA3 100%); background: -o-linear-gradient(top, #324AB2 0%, #233BA3 100%); background: -ms-linear-gradient(top, #324AB2 0%, #233BA3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#324AB2', endColorstr='#233BA3', GradientType=0); border: 1px solid #142C94; box-shadow: inset 0 1px 0 #4159C1; -webkit-box-shadow: inset 0 1px 0 #4159C1; -moz-box-shadow: inset 0 1px 0 #4159C1;
primary color:
#324AB2
secondary color:
#233BA3
border color:
#142C94
box shadow color:
#4159C1
Violet-Blue Related Gradients
Here is
Violet-Blue
some more gradients for you to use on your projects and designs..
Burlywood
Cadmium Red
Daffodil
Dark Red
Dark Terra Cotta
Green-Yellow
Iris
Lumber
Red (NCS)
Red-Orange
Ultra Pink
Teal Blue