#ECE6EA - #C49CB4 | 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 #ECE6EA to #C49CB4

#ECE6EA #C49CB4

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

#ECE6EA - #C49CB4 | 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 #ECE6EA as 0% and #C49CB4 as 100%.

0.0%	0.0% #ECE6EA	RGB 236 230 234	#ECE6EA
16.7%	16.7% #E5D9E1	RGB 229 217 225	#E5D9E1
33.3%	33.3% #DECDD8	RGB 222 205 216	#DECDD8
50.0%	50.0% #D8C1CF	RGB 216 193 207	#D8C1CF
66.7%	66.7% #D1B4C6	RGB 209 180 198	#D1B4C6
83.3%	83.3% #CAA8BD	RGB 202 168 189	#CAA8BD
100.0%	100.0% #C49CB4	RGB 196 156 180	#C49CB4

#ECE6EA #E5D9E1 #DECDD8 #D8C1CF #D1B4C6 #CAA8BD #C49CB4

#ECE6EA - #C49CB4

HSV Blend

#ECE6EA - #C49CB4 | 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 #ECE6EA as 0% and #C49CB4 as 100%.

0.0%	0.0% #ECE6EA	RGB 236 230 234	#ECE6EA
16.7%	16.7% #E5D8E0	RGB 229 216 224	#E5D8E0
33.3%	33.3% #DECBD7	RGB 222 203 215	#DECBD7
50.0%	50.0% #D8BFCE	RGB 216 191 206	#D8BFCE
66.7%	66.7% #D1B3C5	RGB 209 179 197	#D1B3C5
83.3%	83.3% #CAA7BC	RGB 202 167 188	#CAA7BC
100.0%	100.0% #C49CB4	RGB 196 156 180	#C49CB4

#ECE6EA #E5D8E0 #DECBD7 #D8BFCE #D1B3C5 #CAA7BC #C49CB4

#ECE6EA - #D8BFCE - #C49CB4

CSS codes

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

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