#C74C3E - #FF9C52 | 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 #C74C3E to #FF9C52

#C74C3E #FF9C52

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

#C74C3E - #FF9C52 | 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 #C74C3E as 0% and #FF9C52 as 100%.

0.0%	0.0% #C74C3E	RGB 199 76 62	#C74C3E
16.7%	16.7% #D05941	RGB 208 89 65	#D05941
33.3%	33.3% #D96644	RGB 217 102 68	#D96644
50.0%	50.0% #E37448	RGB 227 116 72	#E37448
66.7%	66.7% #EC814B	RGB 236 129 75	#EC814B
83.3%	83.3% #F58E4E	RGB 245 142 78	#F58E4E
100.0%	100.0% #FF9C52	RGB 255 156 82	#FF9C52

#C74C3E #D05941 #D96644 #E37448 #EC814B #F58E4E #FF9C52

#C74C3E - #FF9C52

HSV Blend

#C74C3E - #FF9C52 | 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 #C74C3E as 0% and #FF9C52 as 100%.

0.0%	0.0% #C74C3E	RGB 199 76 62	#C74C3E
16.7%	16.7% #D05741	RGB 208 87 65	#D05741
33.3%	33.3% #D96344	RGB 217 99 68	#D96344
50.0%	50.0% #E37047	RGB 227 112 71	#E37047
66.7%	66.7% #EC7E4B	RGB 236 126 75	#EC7E4B
83.3%	83.3% #F58C4E	RGB 245 140 78	#F58C4E
100.0%	100.0% #FF9C52	RGB 255 156 82	#FF9C52

#C74C3E #D05741 #D96344 #E37047 #EC7E4B #F58C4E #FF9C52

#C74C3E - #E37047 - #FF9C52

CSS codes

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

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