#E5A3E2 - #BD2DA0 | 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 #E5A3E2 to #BD2DA0

#E5A3E2 #BD2DA0

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

#E5A3E2 - #BD2DA0 | 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 #E5A3E2 as 0% and #BD2DA0 as 100%.

0.0%	0.0% #E5A3E2	RGB 229 163 226	#E5A3E2
16.7%	16.7% #DE8FD7	RGB 222 143 215	#DE8FD7
33.3%	33.3% #D77BCC	RGB 215 123 204	#D77BCC
50.0%	50.0% #D168C1	RGB 209 104 193	#D168C1
66.7%	66.7% #CA54B6	RGB 202 84 182	#CA54B6
83.3%	83.3% #C340AB	RGB 195 64 171	#C340AB
100.0%	100.0% #BD2DA0	RGB 189 45 160	#BD2DA0

#E5A3E2 #DE8FD7 #D77BCC #D168C1 #CA54B6 #C340AB #BD2DA0

#E5A3E2 - #BD2DA0

HSV Blend

#E5A3E2 - #BD2DA0 | 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 #E5A3E2 as 0% and #BD2DA0 as 100%.

0.0%	0.0% #E5A3E2	RGB 229 163 226	#E5A3E2
16.7%	16.7% #DE8CD8	RGB 222 140 216	#DE8CD8
33.3%	33.3% #D777CE	RGB 215 119 206	#D777CE
50.0%	50.0% #D163C3	RGB 209 99 195	#D163C3
66.7%	66.7% #CA50B8	RGB 202 80 184	#CA50B8
83.3%	83.3% #C33EAC	RGB 195 62 172	#C33EAC
100.0%	100.0% #BD2DA0	RGB 189 45 160	#BD2DA0

#E5A3E2 #DE8CD8 #D777CE #D163C3 #CA50B8 #C33EAC #BD2DA0

#E5A3E2 - #D163C3 - #BD2DA0

CSS codes

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

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