Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Outrageous Orange
Use the Outrageous Orange gradient in your projects and designs.
background: #FF6E4A; background: linear-gradient(to bottom, #FF6E4A 0%, #F05F3B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF6E4A), color-stop(100%, #F05F3B)); background: -webkit-linear-gradient(top, #FF6E4A 0%, #F05F3B 100%); background: -moz-linear-gradient(top, #FF6E4A 0%, #F05F3B 100%); background: -o-linear-gradient(top, #FF6E4A 0%, #F05F3B 100%); background: -ms-linear-gradient(top, #FF6E4A 0%, #F05F3B 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6E4A', endColorstr='#F05F3B', GradientType=0); border: 1px solid #E1502C; box-shadow: inset 0 1px 0 #FF7D59; -webkit-box-shadow: inset 0 1px 0 #FF7D59; -moz-box-shadow: inset 0 1px 0 #FF7D59;
primary color:
#FF6E4A
secondary color:
#F05F3B
border color:
#E1502C
box shadow color:
#FF7D59
Outrageous Orange Related Gradients
Here is
Outrageous Orange
some more gradients for you to use on your projects and designs..
Burgundy
Byzantine
Chestnut
China Rose
Dark Liver
Eggplant
Feldgrau
Glitter
Green-Blue
Shadow Blue
Yellow (Crayola)
Yellow (Pantone)