Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Dark Orange
Use the Dark Orange gradient in your projects and designs.
background: #FF8C00; background: linear-gradient(to bottom, #FF8C00 0%, #F07D00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF8C00), color-stop(100%, #F07D00)); background: -webkit-linear-gradient(top, #FF8C00 0%, #F07D00 100%); background: -moz-linear-gradient(top, #FF8C00 0%, #F07D00 100%); background: -o-linear-gradient(top, #FF8C00 0%, #F07D00 100%); background: -ms-linear-gradient(top, #FF8C00 0%, #F07D00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8C00', endColorstr='#F07D00', GradientType=0); border: 1px solid #E16E00; box-shadow: inset 0 1px 0 #FF9B0F; -webkit-box-shadow: inset 0 1px 0 #FF9B0F; -moz-box-shadow: inset 0 1px 0 #FF9B0F;
primary color:
#FF8C00
secondary color:
#F07D00
border color:
#E16E00
box shadow color:
#FF9B0F
Dark Orange Related Gradients
Here is
Dark Orange
some more gradients for you to use on your projects and designs..
Blue Yonder
Blueberry
Brandeis Blue
French Plum
Fresh Air
Jazzberry Jam
Mango Tango
Moss Green
Pale Gold
Purple (HTML)
Portland Orange
Quartz