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..
Almond
Bright Green
Electric Lavender
Chartreuse (Traditional)
Dandelion
Deep Lemon
Light Blue
Lime Green
Medium Sky Blue
Medium Spring Green
Shampoo
Turquoise Blue