#ECB7BF - #DCCEE5 | 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 #ECB7BF to #DCCEE5

#ECB7BF #DCCEE5

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

#ECB7BF - #DCCEE5 | 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 #ECB7BF as 0% and #DCCEE5 as 100%.

0.0%	0.0% #ECB7BF	RGB 236 183 191	#ECB7BF
16.7%	16.7% #E9BAC5	RGB 233 186 197	#E9BAC5
33.3%	33.3% #E6BECB	RGB 230 190 203	#E6BECB
50.0%	50.0% #E4C2D2	RGB 228 194 210	#E4C2D2
66.7%	66.7% #E1C6D8	RGB 225 198 216	#E1C6D8
83.3%	83.3% #DECADE	RGB 222 202 222	#DECADE
100.0%	100.0% #DCCEE5	RGB 220 206 229	#DCCEE5

#ECB7BF #E9BAC5 #E6BECB #E4C2D2 #E1C6D8 #DECADE #DCCEE5

#ECB7BF - #DCCEE5

HSV Blend

#ECB7BF - #DCCEE5 | 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 #ECB7BF as 0% and #DCCEE5 as 100%.

0.0%	0.0% #ECB7BF	RGB 236 183 191	#ECB7BF
16.7%	16.7% #EABACC	RGB 234 186 204	#EABACC
33.3%	33.3% #E9BED7	RGB 233 190 215	#E9BED7
50.0%	50.0% #E8C2DF	RGB 232 194 223	#E8C2DF
66.7%	66.7% #E7C6E6	RGB 231 198 230	#E7C6E6
83.3%	83.3% #E1CAE6	RGB 225 202 230	#E1CAE6
100.0%	100.0% #DCCEE5	RGB 220 206 229	#DCCEE5

#ECB7BF #EABACC #E9BED7 #E8C2DF #E7C6E6 #E1CAE6 #DCCEE5

#ECB7BF - #E8C2DF - #DCCEE5

CSS codes

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

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