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..
Blue Yonder
Brown (Traditional)
Dark Salmon
Deep Chestnut
Harlequin Green
Keppel
Navajo White
Orange (Pantone)
Palatinate Blue
Raw Umber
Ruddy Pink
Toolbox