#ECC0D7 - #B0609C | 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 #ECC0D7 to #B0609C

#ECC0D7 #B0609C

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

#ECC0D7 - #B0609C | 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 #ECC0D7 as 0% and #B0609C as 100%.

0.0%	0.0% #ECC0D7	RGB 236 192 215	#ECC0D7
16.7%	16.7% #E2B0CD	RGB 226 176 205	#E2B0CD
33.3%	33.3% #D8A0C3	RGB 216 160 195	#D8A0C3
50.0%	50.0% #CE90B9	RGB 206 144 185	#CE90B9
66.7%	66.7% #C480AF	RGB 196 128 175	#C480AF
83.3%	83.3% #BA70A5	RGB 186 112 165	#BA70A5
100.0%	100.0% #B0609C	RGB 176 96 156	#B0609C

#ECC0D7 #E2B0CD #D8A0C3 #CE90B9 #C480AF #BA70A5 #B0609C

#ECC0D7 - #B0609C

HSV Blend

#ECC0D7 - #B0609C | 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 #ECC0D7 as 0% and #B0609C as 100%.

0.0%	0.0% #ECC0D7	RGB 236 192 215	#ECC0D7
16.7%	16.7% #E2ADCB	RGB 226 173 203	#E2ADCB
33.3%	33.3% #D89CC0	RGB 216 156 192	#D89CC0
50.0%	50.0% #CE8BB5	RGB 206 139 181	#CE8BB5
66.7%	66.7% #C47CAC	RGB 196 124 172	#C47CAC
83.3%	83.3% #BA6DA4	RGB 186 109 164	#BA6DA4
100.0%	100.0% #B0609C	RGB 176 96 156	#B0609C

#ECC0D7 #E2ADCB #D89CC0 #CE8BB5 #C47CAC #BA6DA4 #B0609C

#ECC0D7 - #CE8BB5 - #B0609C

CSS codes

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

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