#ECE5E6 - #CC9E94 | 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 #ECE5E6 to #CC9E94

#ECE5E6 #CC9E94

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

#ECE5E6 - #CC9E94 | 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 #ECE5E6 as 0% and #CC9E94 as 100%.

0.0%	0.0% #ECE5E6	RGB 236 229 230	#ECE5E6
16.7%	16.7% #E6D9D8	RGB 230 217 216	#E6D9D8
33.3%	33.3% #E1CDCA	RGB 225 205 202	#E1CDCA
50.0%	50.0% #DCC1BD	RGB 220 193 189	#DCC1BD
66.7%	66.7% #D6B5AF	RGB 214 181 175	#D6B5AF
83.3%	83.3% #D1A9A1	RGB 209 169 161	#D1A9A1
100.0%	100.0% #CC9E94	RGB 204 158 148	#CC9E94

#ECE5E6 #E6D9D8 #E1CDCA #DCC1BD #D6B5AF #D1A9A1 #CC9E94

#ECE5E6 - #CC9E94

HSV Blend

#ECE5E6 - #CC9E94 | 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 #ECE5E6 as 0% and #CC9E94 as 100%.

0.0%	0.0% #ECE5E6	RGB 236 229 230	#ECE5E6
16.7%	16.7% #E6D6D7	RGB 230 214 215	#E6D6D7
33.3%	33.3% #E1C8C9	RGB 225 200 201	#E1C8C9
50.0%	50.0% #DCBBBA	RGB 220 187 186	#DCBBBA
66.7%	66.7% #D6B0AD	RGB 214 176 173	#D6B0AD
83.3%	83.3% #D1A6A0	RGB 209 166 160	#D1A6A0
100.0%	100.0% #CC9E94	RGB 204 158 148	#CC9E94

#ECE5E6 #E6D6D7 #E1C8C9 #DCBBBA #D6B0AD #D1A6A0 #CC9E94

#ECE5E6 - #DCBBBA - #CC9E94

CSS codes

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

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