#ECDBE7 - #C986A6 | 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 #ECDBE7 to #C986A6

#ECDBE7 #C986A6

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

#ECDBE7 - #C986A6 | 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 #ECDBE7 as 0% and #C986A6 as 100%.

0.0%	0.0% #ECDBE7	RGB 236 219 231	#ECDBE7
16.7%	16.7% #E6CCDC	RGB 230 204 220	#E6CCDC
33.3%	33.3% #E0BED1	RGB 224 190 209	#E0BED1
50.0%	50.0% #DAB0C6	RGB 218 176 198	#DAB0C6
66.7%	66.7% #D4A2BB	RGB 212 162 187	#D4A2BB
83.3%	83.3% #CE94B0	RGB 206 148 176	#CE94B0
100.0%	100.0% #C986A6	RGB 201 134 166	#C986A6

#ECDBE7 #E6CCDC #E0BED1 #DAB0C6 #D4A2BB #CE94B0 #C986A6

#ECDBE7 - #C986A6

HSV Blend

#ECDBE7 - #C986A6 | 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 #ECDBE7 as 0% and #C986A6 as 100%.

0.0%	0.0% #ECDBE7	RGB 236 219 231	#ECDBE7
16.7%	16.7% #E6CBDD	RGB 230 203 221	#E6CBDD
33.3%	33.3% #E0BCD3	RGB 224 188 211	#E0BCD3
50.0%	50.0% #DAAEC8	RGB 218 174 200	#DAAEC8
66.7%	66.7% #D4A0BD	RGB 212 160 189	#D4A0BD
83.3%	83.3% #CE92B1	RGB 206 146 177	#CE92B1
100.0%	100.0% #C986A6	RGB 201 134 166	#C986A6

#ECDBE7 #E6CBDD #E0BCD3 #DAAEC8 #D4A0BD #CE92B1 #C986A6

#ECDBE7 - #DAAEC8 - #C986A6

CSS codes

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

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