#E4BCE5 - #BA4DB6 | 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 #E4BCE5 to #BA4DB6

#E4BCE5 #BA4DB6

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

#E4BCE5 - #BA4DB6 | 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 #E4BCE5 as 0% and #BA4DB6 as 100%.

0.0%	0.0% #E4BCE5	RGB 228 188 229	#E4BCE5
16.7%	16.7% #DDA9DD	RGB 221 169 221	#DDA9DD
33.3%	33.3% #D697D5	RGB 214 151 213	#D697D5
50.0%	50.0% #CF84CD	RGB 207 132 205	#CF84CD
66.7%	66.7% #C872C5	RGB 200 114 197	#C872C5
83.3%	83.3% #C15FBD	RGB 193 95 189	#C15FBD
100.0%	100.0% #BA4DB6	RGB 186 77 182	#BA4DB6

#E4BCE5 #DDA9DD #D697D5 #CF84CD #C872C5 #C15FBD #BA4DB6

#E4BCE5 - #BA4DB6

HSV Blend

#E4BCE5 - #BA4DB6 | 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 #E4BCE5 as 0% and #BA4DB6 as 100%.

0.0%	0.0% #E4BCE5	RGB 228 188 229	#E4BCE5
16.7%	16.7% #DDA7DD	RGB 221 167 221	#DDA7DD
33.3%	33.3% #D693D6	RGB 214 147 214	#D693D6
50.0%	50.0% #CF80CF	RGB 207 128 207	#CF80CF
66.7%	66.7% #C86EC6	RGB 200 110 198	#C86EC6
83.3%	83.3% #C15DBE	RGB 193 93 190	#C15DBE
100.0%	100.0% #BA4DB6	RGB 186 77 182	#BA4DB6

#E4BCE5 #DDA7DD #D693D6 #CF80CF #C86EC6 #C15DBE #BA4DB6

#E4BCE5 - #CF80CF - #BA4DB6

CSS codes

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

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