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..
Chartreuse (Web)
Dark Blue-Gray
Dark Green
French Pink
Periwinkle
Lavender Purple
Licorice
Mountbatten Pink
Navajo White
Purple Pizzazz
Rich Lavender
Vivid Mulberry