#ECE7F7 - #B49CE5 | 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 #ECE7F7 to #B49CE5

#ECE7F7 #B49CE5

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

#ECE7F7 - #B49CE5 | 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 #ECE7F7 as 0% and #B49CE5 as 100%.

0.0%	0.0% #ECE7F7	RGB 236 231 247	#ECE7F7
16.7%	16.7% #E2DAF4	RGB 226 218 244	#E2DAF4
33.3%	33.3% #D9CEF1	RGB 217 206 241	#D9CEF1
50.0%	50.0% #D0C1EE	RGB 208 193 238	#D0C1EE
66.7%	66.7% #C6B5EB	RGB 198 181 235	#C6B5EB
83.3%	83.3% #BDA8E8	RGB 189 168 232	#BDA8E8
100.0%	100.0% #B49CE5	RGB 180 156 229	#B49CE5

#ECE7F7 #E2DAF4 #D9CEF1 #D0C1EE #C6B5EB #BDA8E8 #B49CE5

#ECE7F7 - #B49CE5

HSV Blend

#ECE7F7 - #B49CE5 | 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 #ECE7F7 as 0% and #B49CE5 as 100%.

0.0%	0.0% #ECE7F7	RGB 236 231 247	#ECE7F7
16.7%	16.7% #E2D9F4	RGB 226 217 244	#E2D9F4
33.3%	33.3% #D8CCF1	RGB 216 204 241	#D8CCF1
50.0%	50.0% #CEC0EE	RGB 206 192 238	#CEC0EE
66.7%	66.7% #C5B3EB	RGB 197 179 235	#C5B3EB
83.3%	83.3% #BCA7E8	RGB 188 167 232	#BCA7E8
100.0%	100.0% #B49CE5	RGB 180 156 229	#B49CE5

#ECE7F7 #E2D9F4 #D8CCF1 #CEC0EE #C5B3EB #BCA7E8 #B49CE5

#ECE7F7 - #CEC0EE - #B49CE5

CSS codes

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

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