Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Iris
Use the Iris gradient in your projects and designs.
background: #5A4FCF; background: linear-gradient(to bottom, #5A4FCF 0%, #4B40C0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5A4FCF), color-stop(100%, #4B40C0)); background: -webkit-linear-gradient(top, #5A4FCF 0%, #4B40C0 100%); background: -moz-linear-gradient(top, #5A4FCF 0%, #4B40C0 100%); background: -o-linear-gradient(top, #5A4FCF 0%, #4B40C0 100%); background: -ms-linear-gradient(top, #5A4FCF 0%, #4B40C0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A4FCF', endColorstr='#4B40C0', GradientType=0); border: 1px solid #3C31B1; box-shadow: inset 0 1px 0 #695EDE; -webkit-box-shadow: inset 0 1px 0 #695EDE; -moz-box-shadow: inset 0 1px 0 #695EDE;
primary color:
#5A4FCF
secondary color:
#4B40C0
border color:
#3C31B1
box shadow color:
#695EDE
Iris Related Gradients
Here is
Iris
some more gradients for you to use on your projects and designs..
Brown (Traditional)
Cornsilk
Deep Spring Bud
Deep Lemon
Golden Yellow
Imperial
Jonquil
Medium Red-Violet
Opera Mauve
Pastel Brown
Portland Orange
Russet