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..
Office Green
Carnation Pink
Dark Coral
Dark Purple
Deep Taupe
Dodger Blue
Eggplant
Hollywood Cerise
Hooker's Green
MSU Green
Orange (Crayola)
Rust