Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Portland Orange
Use the Portland Orange gradient in your projects and designs.
background: #FF5A36; background: linear-gradient(to bottom, #FF5A36 0%, #F04B27 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF5A36), color-stop(100%, #F04B27)); background: -webkit-linear-gradient(top, #FF5A36 0%, #F04B27 100%); background: -moz-linear-gradient(top, #FF5A36 0%, #F04B27 100%); background: -o-linear-gradient(top, #FF5A36 0%, #F04B27 100%); background: -ms-linear-gradient(top, #FF5A36 0%, #F04B27 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5A36', endColorstr='#F04B27', GradientType=0); border: 1px solid #E13C18; box-shadow: inset 0 1px 0 #FF6945; -webkit-box-shadow: inset 0 1px 0 #FF6945; -moz-box-shadow: inset 0 1px 0 #FF6945;
primary color:
#FF5A36
secondary color:
#F04B27
border color:
#E13C18
box shadow color:
#FF6945
Portland Orange Related Gradients
Here is
Portland Orange
some more gradients for you to use on your projects and designs..
Kobicha
Cocoa Brown
Dark Tan
French Rose
Raspberry Rose
Kelly Green
Light Steel Blue
Medium Purple
Old Gold
Opera Mauve
Vivid Auburn
Vivid Lime Green