#EC7B7E - #AA2936 | 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 #EC7B7E to #AA2936

#EC7B7E #AA2936

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

#EC7B7E - #AA2936 | 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 #EC7B7E as 0% and #AA2936 as 100%.

0.0%	0.0% #EC7B7E	RGB 236 123 126	#EC7B7E
16.7%	16.7% #E16D72	RGB 225 109 114	#E16D72
33.3%	33.3% #D65F66	RGB 214 95 102	#D65F66
50.0%	50.0% #CB525A	RGB 203 82 90	#CB525A
66.7%	66.7% #C0444E	RGB 192 68 78	#C0444E
83.3%	83.3% #B53642	RGB 181 54 66	#B53642
100.0%	100.0% #AA2936	RGB 170 41 54	#AA2936

#EC7B7E #E16D72 #D65F66 #CB525A #C0444E #B53642 #AA2936

#EC7B7E - #AA2936

HSV Blend

#EC7B7E - #AA2936 | 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 #EC7B7E as 0% and #AA2936 as 100%.

0.0%	0.0% #EC7B7D	RGB 236 123 125	#EC7B7D
16.7%	16.7% #E16A6F	RGB 225 106 111	#E16A6F
33.3%	33.3% #D65B61	RGB 214 91 97	#D65B61
50.0%	50.0% #CB4D55	RGB 203 77 85	#CB4D55
66.7%	66.7% #C04049	RGB 192 64 73	#C04049
83.3%	83.3% #B5343F	RGB 181 52 63	#B5343F
100.0%	100.0% #AA2936	RGB 170 41 54	#AA2936

#EC7B7D #E16A6F #D65B61 #CB4D55 #C04049 #B5343F #AA2936

#EC7B7E - #CB4D55 - #AA2936

CSS codes

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

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