#FF5E48 - #CC1E13 | 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 #FF5E48 to #CC1E13

#FF5E48 #CC1E13

Calculate the color between two colors, #FF5E48 and #CC1E13. 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)

#FF5E48 - #CC1E13 | 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 #FF5E48 as 0% and #CC1E13 as 100%.

0.0%	0.0% #FF5E48	RGB 255 94 72	#FF5E48
16.7%	16.7% #F6533F	RGB 246 83 63	#F6533F
33.3%	33.3% #EE4836	RGB 238 72 54	#EE4836
50.0%	50.0% #E53E2D	RGB 229 62 45	#E53E2D
66.7%	66.7% #DD3324	RGB 221 51 36	#DD3324
83.3%	83.3% #D4281B	RGB 212 40 27	#D4281B
100.0%	100.0% #CC1E13	RGB 204 30 19	#CC1E13

#FF5E48 #F6533F #EE4836 #E53E2D #DD3324 #D4281B #CC1E13

#FF5E48 - #CC1E13

HSV Blend

#FF5E48 - #CC1E13 | 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 #FF5E48 as 0% and #CC1E13 as 100%.

0.0%	0.0% #FF5D47	RGB 255 93 71	#FF5D47
16.7%	16.7% #F6523D	RGB 246 82 61	#F6523D
33.3%	33.3% #EE4634	RGB 238 70 52	#EE4634
50.0%	50.0% #E53B2B	RGB 229 59 43	#E53B2B
66.7%	66.7% #DD3122	RGB 221 49 34	#DD3122
83.3%	83.3% #D4271A	RGB 212 39 26	#D4271A
100.0%	100.0% #CC1E13	RGB 204 30 19	#CC1E13

#FF5D47 #F6523D #EE4634 #E53B2B #DD3122 #D4271A #CC1E13

#FF5E48 - #E53B2B - #CC1E13

CSS codes

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

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