#EC9FA3 - #C72A2D | 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 #EC9FA3 to #C72A2D

#EC9FA3 #C72A2D

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

#EC9FA3 - #C72A2D | 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 #EC9FA3 as 0% and #C72A2D as 100%.

0.0%	0.0% #EC9FA3	RGB 236 159 163	#EC9FA3
16.7%	16.7% #E58B8F	RGB 229 139 143	#E58B8F
33.3%	33.3% #DF787B	RGB 223 120 123	#DF787B
50.0%	50.0% #D96468	RGB 217 100 104	#D96468
66.7%	66.7% #D35154	RGB 211 81 84	#D35154
83.3%	83.3% #CD3D40	RGB 205 61 64	#CD3D40
100.0%	100.0% #C72A2D	RGB 199 42 45	#C72A2D

#EC9FA3 #E58B8F #DF787B #D96468 #D35154 #CD3D40 #C72A2D

#EC9FA3 - #C72A2D

HSV Blend

#EC9FA3 - #C72A2D | 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 #EC9FA3 as 0% and #C72A2D as 100%.

0.0%	0.0% #EC9FA3	RGB 236 159 163	#EC9FA3
16.7%	16.7% #E5898D	RGB 229 137 141	#E5898D
33.3%	33.3% #DF7478	RGB 223 116 120	#DF7478
50.0%	50.0% #D96064	RGB 217 96 100	#D96064
66.7%	66.7% #D34D51	RGB 211 77 81	#D34D51
83.3%	83.3% #CD3B3E	RGB 205 59 62	#CD3B3E
100.0%	100.0% #C72A2D	RGB 199 42 45	#C72A2D

#EC9FA3 #E5898D #DF7478 #D96064 #D34D51 #CD3B3E #C72A2D

#EC9FA3 - #D96064 - #C72A2D

CSS codes

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

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