#EC907E - #CF422E | 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 #EC907E to #CF422E

#EC907E #CF422E

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

#EC907E - #CF422E | 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 #EC907E as 0% and #CF422E as 100%.

0.0%	0.0% #EC907E	RGB 236 144 126	#EC907E
16.7%	16.7% #E78370	RGB 231 131 112	#E78370
33.3%	33.3% #E27663	RGB 226 118 99	#E27663
50.0%	50.0% #DD6956	RGB 221 105 86	#DD6956
66.7%	66.7% #D85C48	RGB 216 92 72	#D85C48
83.3%	83.3% #D34F3B	RGB 211 79 59	#D34F3B
100.0%	100.0% #CF422E	RGB 207 66 46	#CF422E

#EC907E #E78370 #E27663 #DD6956 #D85C48 #D34F3B #CF422E

#EC907E - #CF422E

HSV Blend

#EC907E - #CF422E | 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 #EC907E as 0% and #CF422E as 100%.

0.0%	0.0% #EC907E	RGB 236 144 126	#EC907E
16.7%	16.7% #E7826F	RGB 231 130 111	#E7826F
33.3%	33.3% #E27461	RGB 226 116 97	#E27461
50.0%	50.0% #DD6753	RGB 221 103 83	#DD6753
66.7%	66.7% #D85A46	RGB 216 90 70	#D85A46
83.3%	83.3% #D34E3A	RGB 211 78 58	#D34E3A
100.0%	100.0% #CF422E	RGB 207 66 46	#CF422E

#EC907E #E7826F #E27461 #DD6753 #D85A46 #D34E3A #CF422E

#EC907E - #DD6753 - #CF422E

CSS codes

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

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