#ECCCCF - #BD7C85 | 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 #ECCCCF to #BD7C85

#ECCCCF #BD7C85

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

#ECCCCF - #BD7C85 | 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 #ECCCCF as 0% and #BD7C85 as 100%.

0.0%	0.0% #ECCCCF	RGB 236 204 207	#ECCCCF
16.7%	16.7% #E4BEC2	RGB 228 190 194	#E4BEC2
33.3%	33.3% #DCB1B6	RGB 220 177 182	#DCB1B6
50.0%	50.0% #D4A4AA	RGB 212 164 170	#D4A4AA
66.7%	66.7% #CC969D	RGB 204 150 157	#CC969D
83.3%	83.3% #C48991	RGB 196 137 145	#C48991
100.0%	100.0% #BD7C85	RGB 189 124 133	#BD7C85

#ECCCCF #E4BEC2 #DCB1B6 #D4A4AA #CC969D #C48991 #BD7C85

#ECCCCF - #BD7C85

HSV Blend

#ECCCCF - #BD7C85 | 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 #ECCCCF as 0% and #BD7C85 as 100%.

0.0%	0.0% #ECCCCF	RGB 236 204 207	#ECCCCF
16.7%	16.7% #E4BDC1	RGB 228 189 193	#E4BDC1
33.3%	33.3% #DCAFB4	RGB 220 175 180	#DCAFB4
50.0%	50.0% #D4A1A7	RGB 212 161 167	#D4A1A7
66.7%	66.7% #CC949B	RGB 204 148 155	#CC949B
83.3%	83.3% #C4878F	RGB 196 135 143	#C4878F
100.0%	100.0% #BD7C85	RGB 189 124 133	#BD7C85

#ECCCCF #E4BDC1 #DCAFB4 #D4A1A7 #CC949B #C4878F #BD7C85

#ECCCCF - #D4A1A7 - #BD7C85

CSS codes

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

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