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..
Avocado
Bittersweet Shimmer
Black Olive
Brown Yellow
Dark Brown-Tangelo
Payne's Grey
Dark Magenta
Deep Cerise
Forest Green (Web)
Light Goldenrod Yellow
Pale Taupe
Rich Black