#ECE7F9 - #B39CE9 | 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 #ECE7F9 to #B39CE9

#ECE7F9 #B39CE9

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

#ECE7F9 - #B39CE9 | 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 #ECE7F9 as 0% and #B39CE9 as 100%.

0.0%	0.0% #ECE7F9	RGB 236 231 249	#ECE7F9
16.7%	16.7% #E2DAF6	RGB 226 218 246	#E2DAF6
33.3%	33.3% #D9CEF3	RGB 217 206 243	#D9CEF3
50.0%	50.0% #CFC1F1	RGB 207 193 241	#CFC1F1
66.7%	66.7% #C6B5EE	RGB 198 181 238	#C6B5EE
83.3%	83.3% #BCA8EB	RGB 188 168 235	#BCA8EB
100.0%	100.0% #B39CE9	RGB 179 156 233	#B39CE9

#ECE7F9 #E2DAF6 #D9CEF3 #CFC1F1 #C6B5EE #BCA8EB #B39CE9

#ECE7F9 - #B39CE9

HSV Blend

#ECE7F9 - #B39CE9 | 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 #ECE7F9 as 0% and #B39CE9 as 100%.

0.0%	0.0% #ECE7F9	RGB 236 231 249	#ECE7F9
16.7%	16.7% #E1D9F6	RGB 225 217 246	#E1D9F6
33.3%	33.3% #D8CDF3	RGB 216 205 243	#D8CDF3
50.0%	50.0% #CEC0F1	RGB 206 192 241	#CEC0F1
66.7%	66.7% #C5B4EE	RGB 197 180 238	#C5B4EE
83.3%	83.3% #BBA7EB	RGB 187 167 235	#BBA7EB
100.0%	100.0% #B39CE9	RGB 179 156 233	#B39CE9

#ECE7F9 #E1D9F6 #D8CDF3 #CEC0F1 #C5B4EE #BBA7EB #B39CE9

#ECE7F9 - #CEC0F1 - #B39CE9

CSS codes

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

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