#ECE6E9 - #C49CA8 | 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 #ECE6E9 to #C49CA8

#ECE6E9 #C49CA8

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

#ECE6E9 - #C49CA8 | 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 #ECE6E9 as 0% and #C49CA8 as 100%.

0.0%	0.0% #ECE6E9	RGB 236 230 233	#ECE6E9
16.7%	16.7% #E5D9DE	RGB 229 217 222	#E5D9DE
33.3%	33.3% #DECDD3	RGB 222 205 211	#DECDD3
50.0%	50.0% #D8C1C8	RGB 216 193 200	#D8C1C8
66.7%	66.7% #D1B4BD	RGB 209 180 189	#D1B4BD
83.3%	83.3% #CAA8B2	RGB 202 168 178	#CAA8B2
100.0%	100.0% #C49CA8	RGB 196 156 168	#C49CA8

#ECE6E9 #E5D9DE #DECDD3 #D8C1C8 #D1B4BD #CAA8B2 #C49CA8

#ECE6E9 - #C49CA8

HSV Blend

#ECE6E9 - #C49CA8 | 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 #ECE6E9 as 0% and #C49CA8 as 100%.

0.0%	0.0% #ECE6E9	RGB 236 230 233	#ECE6E9
16.7%	16.7% #E5D8DE	RGB 229 216 222	#E5D8DE
33.3%	33.3% #DECBD3	RGB 222 203 211	#DECBD3
50.0%	50.0% #D8BFC9	RGB 216 191 201	#D8BFC9
66.7%	66.7% #D1B3BE	RGB 209 179 190	#D1B3BE
83.3%	83.3% #CAA7B3	RGB 202 167 179	#CAA7B3
100.0%	100.0% #C49CA8	RGB 196 156 168	#C49CA8

#ECE6E9 #E5D8DE #DECBD3 #D8BFC9 #D1B3BE #CAA7B3 #C49CA8

#ECE6E9 - #D8BFC9 - #C49CA8

CSS codes

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

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