Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Ruddy
Use the Ruddy gradient in your projects and designs.
background: #FF0028; background: linear-gradient(to bottom, #FF0028 0%, #F00019 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF0028), color-stop(100%, #F00019)); background: -webkit-linear-gradient(top, #FF0028 0%, #F00019 100%); background: -moz-linear-gradient(top, #FF0028 0%, #F00019 100%); background: -o-linear-gradient(top, #FF0028 0%, #F00019 100%); background: -ms-linear-gradient(top, #FF0028 0%, #F00019 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0028', endColorstr='#F00019', GradientType=0); border: 1px solid #E1000A; box-shadow: inset 0 1px 0 #FF0F37; -webkit-box-shadow: inset 0 1px 0 #FF0F37; -moz-box-shadow: inset 0 1px 0 #FF0F37;
primary color:
#FF0028
secondary color:
#F00019
border color:
#E1000A
box shadow color:
#FF0F37
Ruddy Related Gradients
Here is
Ruddy
some more gradients for you to use on your projects and designs..
Banana Yellow
Black Bean
Medium Tuscan Red
Brown Yellow
Cornell Red
Cinnabar
Coral Pink
Copper
Dark Lavender
Deep Jungle Green
French Wine
Vegas Gold