#E5B0E3 - #BC3EB5 | 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 #E5B0E3 to #BC3EB5

#E5B0E3 #BC3EB5

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

#E5B0E3 - #BC3EB5 | 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 #E5B0E3 as 0% and #BC3EB5 as 100%.

0.0%	0.0% #E5B0E3	RGB 229 176 227	#E5B0E3
16.7%	16.7% #DE9DDB	RGB 222 157 219	#DE9DDB
33.3%	33.3% #D78AD3	RGB 215 138 211	#D78AD3
50.0%	50.0% #D077CC	RGB 208 119 204	#D077CC
66.7%	66.7% #C964C4	RGB 201 100 196	#C964C4
83.3%	83.3% #C251BC	RGB 194 81 188	#C251BC
100.0%	100.0% #BC3EB5	RGB 188 62 181	#BC3EB5

#E5B0E3 #DE9DDB #D78AD3 #D077CC #C964C4 #C251BC #BC3EB5

#E5B0E3 - #BC3EB5

HSV Blend

#E5B0E3 - #BC3EB5 | 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 #E5B0E3 as 0% and #BC3EB5 as 100%.

0.0%	0.0% #E5B0E3	RGB 229 176 227	#E5B0E3
16.7%	16.7% #DE9ADB	RGB 222 154 219	#DE9ADB
33.3%	33.3% #D786D3	RGB 215 134 211	#D786D3
50.0%	50.0% #D072CC	RGB 208 114 204	#D072CC
66.7%	66.7% #C960C4	RGB 201 96 196	#C960C4
83.3%	83.3% #C24EBC	RGB 194 78 188	#C24EBC
100.0%	100.0% #BC3EB5	RGB 188 62 181	#BC3EB5

#E5B0E3 #DE9ADB #D786D3 #D072CC #C960C4 #C24EBC #BC3EB5

#E5B0E3 - #D072CC - #BC3EB5

CSS codes

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

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