#CC4B14 - #FFA00E | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #CC4B14 to #FFA00E

#CC4B14 #FFA00E

Calculate the color between two colors, #CC4B14 and #FFA00E. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#CC4B14 - #FFA00E | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #CC4B14 as 0% and #FFA00E as 100%.

0.0%	0.0% #CC4B14	RGB 204 75 20	#CC4B14
16.7%	16.7% #D45913	RGB 212 89 19	#D45913
33.3%	33.3% #DD6712	RGB 221 103 18	#DD6712
50.0%	50.0% #E57511	RGB 229 117 17	#E57511
66.7%	66.7% #EE8310	RGB 238 131 16	#EE8310
83.3%	83.3% #F6910F	RGB 246 145 15	#F6910F
100.0%	100.0% #FFA00E	RGB 255 160 14	#FFA00E

#CC4B14 #D45913 #DD6712 #E57511 #EE8310 #F6910F #FFA00E

#CC4B14 - #FFA00E

HSV Blend

#CC4B14 - #FFA00E | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #CC4B14 as 0% and #FFA00E as 100%.

0.0%	0.0% #CC4B14	RGB 204 75 20	#CC4B14
16.7%	16.7% #D45613	RGB 212 86 19	#D45613
33.3%	33.3% #DD6312	RGB 221 99 18	#DD6312
50.0%	50.0% #E57111	RGB 229 113 17	#E57111
66.7%	66.7% #EE8010	RGB 238 128 16	#EE8010
83.3%	83.3% #F68F0F	RGB 246 143 15	#F68F0F
100.0%	100.0% #FFA00E	RGB 255 160 14	#FFA00E

#CC4B14 #D45613 #DD6312 #E57111 #EE8010 #F68F0F #FFA00E

#CC4B14 - #E57111 - #FFA00E

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #CC4B14 0%, #FFA00E 100%);
    background: -webkit-linear-gradient(top, #CC4B14 0%, #FFA00E 100%);
    background: linear-gradient(to bottom, #CC4B14 0%, #FFA00E 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC4B14 0%, #E57111 50%, #FFA00E 100%);
    background: -webkit-linear-gradient(top, #CC4B14 0%, #E57111 50%, #FFA00E 100%);
    background: linear-gradient(to bottom, #CC4B14 0%, #E57111 50%, #FFA00E 100%);
}
</style>