#EC7D5E - #C5361B | 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 #EC7D5E to #C5361B

#EC7D5E #C5361B

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

#EC7D5E - #C5361B | 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 #EC7D5E as 0% and #C5361B as 100%.

0.0%	0.0% #EC7D5E	RGB 236 125 94	#EC7D5E
16.7%	16.7% #E57152	RGB 229 113 82	#E57152
33.3%	33.3% #DF6547	RGB 223 101 71	#DF6547
50.0%	50.0% #D8593C	RGB 216 89 60	#D8593C
66.7%	66.7% #D24D31	RGB 210 77 49	#D24D31
83.3%	83.3% #CB4126	RGB 203 65 38	#CB4126
100.0%	100.0% #C5361B	RGB 197 54 27	#C5361B

#EC7D5E #E57152 #DF6547 #D8593C #D24D31 #CB4126 #C5361B

#EC7D5E - #C5361B

HSV Blend

#EC7D5E - #C5361B | 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 #EC7D5E as 0% and #C5361B as 100%.

0.0%	0.0% #EC7D5E	RGB 236 125 94	#EC7D5E
16.7%	16.7% #E57051	RGB 229 112 81	#E57051
33.3%	33.3% #DF6345	RGB 223 99 69	#DF6345
50.0%	50.0% #D85739	RGB 216 87 57	#D85739
66.7%	66.7% #D24C2F	RGB 210 76 47	#D24C2F
83.3%	83.3% #CB4024	RGB 203 64 36	#CB4024
100.0%	100.0% #C5361B	RGB 197 54 27	#C5361B

#EC7D5E #E57051 #DF6345 #D85739 #D24C2F #CB4024 #C5361B

#EC7D5E - #D85739 - #C5361B

CSS codes

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

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