#ECDAE7 - #C984A6 | 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 #ECDAE7 to #C984A6

#ECDAE7 #C984A6

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

#ECDAE7 - #C984A6 | 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 #ECDAE7 as 0% and #C984A6 as 100%.

0.0%	0.0% #ECDAE7	RGB 236 218 231	#ECDAE7
16.7%	16.7% #E6CBDC	RGB 230 203 220	#E6CBDC
33.3%	33.3% #E0BDD1	RGB 224 189 209	#E0BDD1
50.0%	50.0% #DAAFC6	RGB 218 175 198	#DAAFC6
66.7%	66.7% #D4A0BB	RGB 212 160 187	#D4A0BB
83.3%	83.3% #CE92B0	RGB 206 146 176	#CE92B0
100.0%	100.0% #C984A6	RGB 201 132 166	#C984A6

#ECDAE7 #E6CBDC #E0BDD1 #DAAFC6 #D4A0BB #CE92B0 #C984A6

#ECDAE7 - #C984A6

HSV Blend

#ECDAE7 - #C984A6 | 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 #ECDAE7 as 0% and #C984A6 as 100%.

0.0%	0.0% #ECDAE7	RGB 236 218 231	#ECDAE7
16.7%	16.7% #E6CADD	RGB 230 202 221	#E6CADD
33.3%	33.3% #E0BBD3	RGB 224 187 211	#E0BBD3
50.0%	50.0% #DAACC8	RGB 218 172 200	#DAACC8
66.7%	66.7% #D49EBD	RGB 212 158 189	#D49EBD
83.3%	83.3% #CE91B1	RGB 206 145 177	#CE91B1
100.0%	100.0% #C984A6	RGB 201 132 166	#C984A6

#ECDAE7 #E6CADD #E0BBD3 #DAACC8 #D49EBD #CE91B1 #C984A6

#ECDAE7 - #DAACC8 - #C984A6

CSS codes

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

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