#ED7A8D - #CB2D36 | 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 #ED7A8D to #CB2D36

#ED7A8D #CB2D36

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

#ED7A8D - #CB2D36 | 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 #ED7A8D as 0% and #CB2D36 as 100%.

0.0%	0.0% #ED7A8D	RGB 237 122 141	#ED7A8D
16.7%	16.7% #E76D7E	RGB 231 109 126	#E76D7E
33.3%	33.3% #E16070	RGB 225 96 112	#E16070
50.0%	50.0% #DC5361	RGB 220 83 97	#DC5361
66.7%	66.7% #D64653	RGB 214 70 83	#D64653
83.3%	83.3% #D03944	RGB 208 57 68	#D03944
100.0%	100.0% #CB2D36	RGB 203 45 54	#CB2D36

#ED7A8D #E76D7E #E16070 #DC5361 #D64653 #D03944 #CB2D36

#ED7A8D - #CB2D36

HSV Blend

#ED7A8D - #CB2D36 | 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 #ED7A8D as 0% and #CB2D36 as 100%.

0.0%	0.0% #ED7A8D	RGB 237 122 141	#ED7A8D
16.7%	16.7% #E76B7D	RGB 231 107 125	#E76B7D
33.3%	33.3% #E15E6F	RGB 225 94 111	#E15E6F
50.0%	50.0% #DC5160	RGB 220 81 96	#DC5160
66.7%	66.7% #D64452	RGB 214 68 82	#D64452
83.3%	83.3% #D03843	RGB 208 56 67	#D03843
100.0%	100.0% #CB2D36	RGB 203 45 54	#CB2D36

#ED7A8D #E76B7D #E15E6F #DC5160 #D64452 #D03843 #CB2D36

#ED7A8D - #DC5160 - #CB2D36

CSS codes

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

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