#ECE1E7 - #C995BB | 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 #ECE1E7 to #C995BB

#ECE1E7 #C995BB

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

#ECE1E7 - #C995BB | 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 #ECE1E7 as 0% and #C995BB as 100%.

0.0%	0.0% #ECE1E7	RGB 236 225 231	#ECE1E7
16.7%	16.7% #E6D4DF	RGB 230 212 223	#E6D4DF
33.3%	33.3% #E0C7D8	RGB 224 199 216	#E0C7D8
50.0%	50.0% #DABBD1	RGB 218 187 209	#DABBD1
66.7%	66.7% #D4AEC9	RGB 212 174 201	#D4AEC9
83.3%	83.3% #CEA1C2	RGB 206 161 194	#CEA1C2
100.0%	100.0% #C995BB	RGB 201 149 187	#C995BB

#ECE1E7 #E6D4DF #E0C7D8 #DABBD1 #D4AEC9 #CEA1C2 #C995BB

#ECE1E7 - #C995BB

HSV Blend

#ECE1E7 - #C995BB | 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 #ECE1E7 as 0% and #C995BB as 100%.

0.0%	0.0% #ECE1E7	RGB 236 225 231	#ECE1E7
16.7%	16.7% #E6D3DE	RGB 230 211 222	#E6D3DE
33.3%	33.3% #E0C6D5	RGB 224 198 213	#E0C6D5
50.0%	50.0% #DAB9CE	RGB 218 185 206	#DAB9CE
66.7%	66.7% #D4ACC7	RGB 212 172 199	#D4ACC7
83.3%	83.3% #CEA0C0	RGB 206 160 192	#CEA0C0
100.0%	100.0% #C995BB	RGB 201 149 187	#C995BB

#ECE1E7 #E6D3DE #E0C6D5 #DAB9CE #D4ACC7 #CEA0C0 #C995BB

#ECE1E7 - #DAB9CE - #C995BB

CSS codes

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

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