#ECC0D3 - #BD6B92 | 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 #ECC0D3 to #BD6B92

#ECC0D3 #BD6B92

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

#ECC0D3 - #BD6B92 | 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 #ECC0D3 as 0% and #BD6B92 as 100%.

0.0%	0.0% #ECC0D3	RGB 236 192 211	#ECC0D3
16.7%	16.7% #E4B1C8	RGB 228 177 200	#E4B1C8
33.3%	33.3% #DCA3BD	RGB 220 163 189	#DCA3BD
50.0%	50.0% #D495B2	RGB 212 149 178	#D495B2
66.7%	66.7% #CC87A7	RGB 204 135 167	#CC87A7
83.3%	83.3% #C4799C	RGB 196 121 156	#C4799C
100.0%	100.0% #BD6B92	RGB 189 107 146	#BD6B92

#ECC0D3 #E4B1C8 #DCA3BD #D495B2 #CC87A7 #C4799C #BD6B92

#ECC0D3 - #BD6B92

HSV Blend

#ECC0D3 - #BD6B92 | 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 #ECC0D3 as 0% and #BD6B92 as 100%.

0.0%	0.0% #ECC0D3	RGB 236 192 211	#ECC0D3
16.7%	16.7% #E4B0C7	RGB 228 176 199	#E4B0C7
33.3%	33.3% #DCA1BB	RGB 220 161 187	#DCA1BB
50.0%	50.0% #D492B0	RGB 212 146 176	#D492B0
66.7%	66.7% #CC84A5	RGB 204 132 165	#CC84A5
83.3%	83.3% #C4779B	RGB 196 119 155	#C4779B
100.0%	100.0% #BD6B92	RGB 189 107 146	#BD6B92

#ECC0D3 #E4B0C7 #DCA1BB #D492B0 #CC84A5 #C4779B #BD6B92

#ECC0D3 - #D492B0 - #BD6B92

CSS codes

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

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