Home
CSS3 Gradients
Color Checker
SEO Tools
CSS Compressor
JS Compressor
HTML Compressor
Image Optimizer
Contact
SEARCH!
Orange-Yellow
Use the Orange-Yellow gradient in your projects and designs.
background: #F8D568; background: linear-gradient(to bottom, #F8D568 0%, #E9C659 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8D568), color-stop(100%, #E9C659)); background: -webkit-linear-gradient(top, #F8D568 0%, #E9C659 100%); background: -moz-linear-gradient(top, #F8D568 0%, #E9C659 100%); background: -o-linear-gradient(top, #F8D568 0%, #E9C659 100%); background: -ms-linear-gradient(top, #F8D568 0%, #E9C659 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8D568', endColorstr='#E9C659', GradientType=0); border: 1px solid #DAB74A; box-shadow: inset 0 1px 0 #FFE477; -webkit-box-shadow: inset 0 1px 0 #FFE477; -moz-box-shadow: inset 0 1px 0 #FFE477;
primary color:
#F8D568
secondary color:
#E9C659
border color:
#DAB74A
box shadow color:
#FFE477
Orange-Yellow Related Gradients
Here is
Orange-Yellow
some more gradients for you to use on your projects and designs..
American Rose
Electric Lavender
Smalt (Dark Powder Blue)
Dark Spring Green
Deep Saffron
Light Cornflower Blue
Pale Chestnut
Red
Rich Electric Blue
Rosewood
Smoky Topaz
Spiro Disco Ball