Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Rosy Brown
Use the Rosy Brown gradient in your projects and designs.
background: #BC8F8F; background: linear-gradient(to bottom, #BC8F8F 0%, #AD8080 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BC8F8F), color-stop(100%, #AD8080)); background: -webkit-linear-gradient(top, #BC8F8F 0%, #AD8080 100%); background: -moz-linear-gradient(top, #BC8F8F 0%, #AD8080 100%); background: -o-linear-gradient(top, #BC8F8F 0%, #AD8080 100%); background: -ms-linear-gradient(top, #BC8F8F 0%, #AD8080 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BC8F8F', endColorstr='#AD8080', GradientType=0); border: 1px solid #9E7171; box-shadow: inset 0 1px 0 #CB9E9E; -webkit-box-shadow: inset 0 1px 0 #CB9E9E; -moz-box-shadow: inset 0 1px 0 #CB9E9E;
primary color:
#BC8F8F
secondary color:
#AD8080
border color:
#9E7171
box shadow color:
#CB9E9E
Rosy Brown Related Gradients
Here is
Rosy Brown
some more gradients for you to use on your projects and designs..
Green-Yellow
Red (Pantone)
Lavender Rose
Metallic Seaweed
Oxford Blue
Pale Cornflower Blue
Red-Orange
Rich Black (FOGRA29)
Slate Gray
Spanish Orange
Wisteria
Yellow Orange