#EE7BC0 - #CD2B8D | 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 #EE7BC0 to #CD2B8D

#EE7BC0 #CD2B8D

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

#EE7BC0 - #CD2B8D | 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 #EE7BC0 as 0% and #CD2B8D as 100%.

0.0%	0.0% #EE7BC0	RGB 238 123 192	#EE7BC0
16.7%	16.7% #E86DB7	RGB 232 109 183	#E86DB7
33.3%	33.3% #E360AF	RGB 227 96 175	#E360AF
50.0%	50.0% #DD53A6	RGB 221 83 166	#DD53A6
66.7%	66.7% #D8459E	RGB 216 69 158	#D8459E
83.3%	83.3% #D23895	RGB 210 56 149	#D23895
100.0%	100.0% #CD2B8D	RGB 205 43 141	#CD2B8D

#EE7BC0 #E86DB7 #E360AF #DD53A6 #D8459E #D23895 #CD2B8D

#EE7BC0 - #CD2B8D

HSV Blend

#EE7BC0 - #CD2B8D | 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 #EE7BC0 as 0% and #CD2B8D as 100%.

0.0%	0.0% #EE7BC0	RGB 238 123 192	#EE7BC0
16.7%	16.7% #E86CB6	RGB 232 108 182	#E86CB6
33.3%	33.3% #E35EAE	RGB 227 94 174	#E35EAE
50.0%	50.0% #DD50A5	RGB 221 80 165	#DD50A5
66.7%	66.7% #D8439D	RGB 216 67 157	#D8439D
83.3%	83.3% #D23694	RGB 210 54 148	#D23694
100.0%	100.0% #CD2B8D	RGB 205 43 141	#CD2B8D

#EE7BC0 #E86CB6 #E35EAE #DD50A5 #D8439D #D23694 #CD2B8D

#EE7BC0 - #DD50A5 - #CD2B8D

CSS codes

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

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