#ECCCF0 - #C760C9 | 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 #ECCCF0 to #C760C9

#ECCCF0 #C760C9

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

#ECCCF0 - #C760C9 | 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 #ECCCF0 as 0% and #C760C9 as 100%.

0.0%	0.0% #ECCCF0	RGB 236 204 240	#ECCCF0
16.7%	16.7% #E5BAE9	RGB 229 186 233	#E5BAE9
33.3%	33.3% #DFA8E3	RGB 223 168 227	#DFA8E3
50.0%	50.0% #D996DC	RGB 217 150 220	#D996DC
66.7%	66.7% #D384D6	RGB 211 132 214	#D384D6
83.3%	83.3% #CD72CF	RGB 205 114 207	#CD72CF
100.0%	100.0% #C760C9	RGB 199 96 201	#C760C9

#ECCCF0 #E5BAE9 #DFA8E3 #D996DC #D384D6 #CD72CF #C760C9

#ECCCF0 - #C760C9

HSV Blend

#ECCCF0 - #C760C9 | 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 #ECCCF0 as 0% and #C760C9 as 100%.

0.0%	0.0% #ECCCF0	RGB 236 204 240	#ECCCF0
16.7%	16.7% #E4B7E9	RGB 228 183 233	#E4B7E9
33.3%	33.3% #DDA4E3	RGB 221 164 227	#DDA4E3
50.0%	50.0% #D792DC	RGB 215 146 220	#D792DC
66.7%	66.7% #D180D6	RGB 209 128 214	#D180D6
83.3%	83.3% #CC6FCF	RGB 204 111 207	#CC6FCF
100.0%	100.0% #C760C9	RGB 199 96 201	#C760C9

#ECCCF0 #E4B7E9 #DDA4E3 #D792DC #D180D6 #CC6FCF #C760C9

#ECCCF0 - #D792DC - #C760C9

CSS codes

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

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