#E5C0E4 - #BA51B5 | 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 #E5C0E4 to #BA51B5

#E5C0E4 #BA51B5

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

#E5C0E4 - #BA51B5 | 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 #E5C0E4 as 0% and #BA51B5 as 100%.

0.0%	0.0% #E5C0E4	RGB 229 192 228	#E5C0E4
16.7%	16.7% #DDADDC	RGB 221 173 220	#DDADDC
33.3%	33.3% #D69BD4	RGB 214 155 212	#D69BD4
50.0%	50.0% #CF88CC	RGB 207 136 204	#CF88CC
66.7%	66.7% #C876C4	RGB 200 118 196	#C876C4
83.3%	83.3% #C163BC	RGB 193 99 188	#C163BC
100.0%	100.0% #BA51B5	RGB 186 81 181	#BA51B5

#E5C0E4 #DDADDC #D69BD4 #CF88CC #C876C4 #C163BC #BA51B5

#E5C0E4 - #BA51B5

HSV Blend

#E5C0E4 - #BA51B5 | 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 #E5C0E4 as 0% and #BA51B5 as 100%.

0.0%	0.0% #E5C0E4	RGB 229 192 228	#E5C0E4
16.7%	16.7% #DDABDC	RGB 221 171 220	#DDABDC
33.3%	33.3% #D697D4	RGB 214 151 212	#D697D4
50.0%	50.0% #CF84CC	RGB 207 132 204	#CF84CC
66.7%	66.7% #C872C4	RGB 200 114 196	#C872C4
83.3%	83.3% #C161BC	RGB 193 97 188	#C161BC
100.0%	100.0% #BA51B5	RGB 186 81 181	#BA51B5

#E5C0E4 #DDABDC #D697D4 #CF84CC #C872C4 #C161BC #BA51B5

#E5C0E4 - #CF84CC - #BA51B5

CSS codes

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

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