#ECC0DC - #C55E97 | 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 #ECC0DC to #C55E97

#ECC0DC #C55E97

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

#ECC0DC - #C55E97 | 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 #ECC0DC as 0% and #C55E97 as 100%.

0.0%	0.0% #ECC0DC	RGB 236 192 220	#ECC0DC
16.7%	16.7% #E5AFD0	RGB 229 175 208	#E5AFD0
33.3%	33.3% #DF9FC5	RGB 223 159 197	#DF9FC5
50.0%	50.0% #D88FB9	RGB 216 143 185	#D88FB9
66.7%	66.7% #D27EAE	RGB 210 126 174	#D27EAE
83.3%	83.3% #CB6EA2	RGB 203 110 162	#CB6EA2
100.0%	100.0% #C55E97	RGB 197 94 151	#C55E97

#ECC0DC #E5AFD0 #DF9FC5 #D88FB9 #D27EAE #CB6EA2 #C55E97

#ECC0DC - #C55E97

HSV Blend

#ECC0DC - #C55E97 | 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 #ECC0DC as 0% and #C55E97 as 100%.

0.0%	0.0% #ECC0DC	RGB 236 192 220	#ECC0DC
16.7%	16.7% #E5ADD0	RGB 229 173 208	#E5ADD0
33.3%	33.3% #DF9CC4	RGB 223 156 196	#DF9CC4
50.0%	50.0% #D88BB9	RGB 216 139 185	#D88BB9
66.7%	66.7% #D27BAD	RGB 210 123 173	#D27BAD
83.3%	83.3% #CB6CA2	RGB 203 108 162	#CB6CA2
100.0%	100.0% #C55E97	RGB 197 94 151	#C55E97

#ECC0DC #E5ADD0 #DF9CC4 #D88BB9 #D27BAD #CB6CA2 #C55E97

#ECC0DC - #D88BB9 - #C55E97

CSS codes

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

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