#ECC7D5 - #BC6E6D | 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 #ECC7D5 to #BC6E6D

#ECC7D5 #BC6E6D

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

#ECC7D5 - #BC6E6D | 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 #ECC7D5 as 0% and #BC6E6D as 100%.

0.0%	0.0% #ECC7D5	RGB 236 199 213	#ECC7D5
16.7%	16.7% #E4B8C3	RGB 228 184 195	#E4B8C3
33.3%	33.3% #DCA9B2	RGB 220 169 178	#DCA9B2
50.0%	50.0% #D49AA1	RGB 212 154 161	#D49AA1
66.7%	66.7% #CC8B8F	RGB 204 139 143	#CC8B8F
83.3%	83.3% #C47C7E	RGB 196 124 126	#C47C7E
100.0%	100.0% #BC6E6D	RGB 188 110 109	#BC6E6D

#ECC7D5 #E4B8C3 #DCA9B2 #D49AA1 #CC8B8F #C47C7E #BC6E6D

#ECC7D5 - #BC6E6D

HSV Blend

#ECC7D5 - #BC6E6D | 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 #ECC7D5 as 0% and #BC6E6D as 100%.

0.0%	0.0% #ECC7D5	RGB 236 199 213	#ECC7D5
16.7%	16.7% #E4B6C4	RGB 228 182 196	#E4B6C4
33.3%	33.3% #DCA6B3	RGB 220 166 179	#DCA6B3
50.0%	50.0% #D496A2	RGB 212 150 162	#D496A2
66.7%	66.7% #CC8890	RGB 204 136 144	#CC8890
83.3%	83.3% #C47A7E	RGB 196 122 126	#C47A7E
100.0%	100.0% #BC6E6D	RGB 188 110 109	#BC6E6D

#ECC7D5 #E4B6C4 #DCA6B3 #D496A2 #CC8890 #C47A7E #BC6E6D

#ECC7D5 - #D496A2 - #BC6E6D

CSS codes

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

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