#B97CCF - #EAD9F1 | 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 #B97CCF to #EAD9F1

#B97CCF #EAD9F1

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

#B97CCF - #EAD9F1 | 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 #B97CCF as 0% and #EAD9F1 as 100%.

0.0%	0.0% #B97CCF	RGB 185 124 207	#B97CCF
16.7%	16.7% #C18BD4	RGB 193 139 212	#C18BD4
33.3%	33.3% #C99BDA	RGB 201 155 218	#C99BDA
50.0%	50.0% #D1AAE0	RGB 209 170 224	#D1AAE0
66.7%	66.7% #D9BAE5	RGB 217 186 229	#D9BAE5
83.3%	83.3% #E1C9EB	RGB 225 201 235	#E1C9EB
100.0%	100.0% #EAD9F1	RGB 234 217 241	#EAD9F1

#B97CCF #C18BD4 #C99BDA #D1AAE0 #D9BAE5 #E1C9EB #EAD9F1

#B97CCF - #EAD9F1

HSV Blend

#B97CCF - #EAD9F1 | 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 #B97CCF as 0% and #EAD9F1 as 100%.

0.0%	0.0% #B97CCF	RGB 185 124 207	#B97CCF
16.7%	16.7% #C08AD4	RGB 192 138 212	#C08AD4
33.3%	33.3% #C898DA	RGB 200 152 218	#C898DA
50.0%	50.0% #D0A7E0	RGB 208 167 224	#D0A7E0
66.7%	66.7% #D8B7E5	RGB 216 183 229	#D8B7E5
83.3%	83.3% #E1C8EB	RGB 225 200 235	#E1C8EB
100.0%	100.0% #EAD9F1	RGB 234 217 241	#EAD9F1

#B97CCF #C08AD4 #C898DA #D0A7E0 #D8B7E5 #E1C8EB #EAD9F1

#B97CCF - #D0A7E0 - #EAD9F1

CSS codes

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

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