#E5C5E3 - #BA57B5 | 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 #E5C5E3 to #BA57B5

#E5C5E3 #BA57B5

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

#E5C5E3 - #BA57B5 | 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 #E5C5E3 as 0% and #BA57B5 as 100%.

0.0%	0.0% #E5C5E3	RGB 229 197 227	#E5C5E3
16.7%	16.7% #DDB2DB	RGB 221 178 219	#DDB2DB
33.3%	33.3% #D6A0D3	RGB 214 160 211	#D6A0D3
50.0%	50.0% #CF8ECC	RGB 207 142 204	#CF8ECC
66.7%	66.7% #C87BC4	RGB 200 123 196	#C87BC4
83.3%	83.3% #C169BC	RGB 193 105 188	#C169BC
100.0%	100.0% #BA57B5	RGB 186 87 181	#BA57B5

#E5C5E3 #DDB2DB #D6A0D3 #CF8ECC #C87BC4 #C169BC #BA57B5

#E5C5E3 - #BA57B5

HSV Blend

#E5C5E3 - #BA57B5 | 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 #E5C5E3 as 0% and #BA57B5 as 100%.

0.0%	0.0% #E5C5E3	RGB 229 197 227	#E5C5E3
16.7%	16.7% #DDB0DB	RGB 221 176 219	#DDB0DB
33.3%	33.3% #D69CD3	RGB 214 156 211	#D69CD3
50.0%	50.0% #CF89CB	RGB 207 137 203	#CF89CB
66.7%	66.7% #C877C3	RGB 200 119 195	#C877C3
83.3%	83.3% #C166BC	RGB 193 102 188	#C166BC
100.0%	100.0% #BA57B5	RGB 186 87 181	#BA57B5

#E5C5E3 #DDB0DB #D69CD3 #CF89CB #C877C3 #C166BC #BA57B5

#E5C5E3 - #CF89CB - #BA57B5

CSS codes

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

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