Orange-Red Gradient

Orange-Red Gradient CSS3 Code

The Orange-Red gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #ff4500, this gradient showcases a visual transformation through shade variation, transitioning from #FF4500 to #F03600, #E12700, and #FF540F. Embrace the orange-red gradient to add a striking touch to your web designs, graphic arts, or creative projects. This color combination was created by hexcolor.co. The Hex, RGB, and CMYK codes are in the table below.

background: #FF4500; background: linear-gradient(to bottom, #FF4500 0%, #F03600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF4500), color-stop(100%, #F03600)); background: -webkit-linear-gradient(top, #FF4500 0%, #F03600 100%); background: -moz-linear-gradient(top, #FF4500 0%, #F03600 100%); background: -o-linear-gradient(top, #FF4500 0%, #F03600 100%); background: -ms-linear-gradient(top, #FF4500 0%, #F03600 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4500', endColorstr='#F03600', GradientType=0); border: 1px solid #E12700; box-shadow: inset 0 1px 0 #FF540F; -webkit-box-shadow: inset 0 1px 0 #FF540F; -moz-box-shadow: inset 0 1px 0 #FF540F;

Orange-Red Gradient Color Palette

Color Hex RGB CMYK
#FF4500 255, 69, 0 0%, 72%, 100%, 0%
#F03600 240, 54, 0 0%, 77%, 100%, 5%
#E12700 225, 39, 0 0%, 82%, 100%, 11%
#FF540F 255, 84, 15 0%, 67%, 94%, 0%
Did you know our free color tools?