#E7B5E1 - #C2499E | 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 #E7B5E1 to #C2499E

#E7B5E1 #C2499E

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

#E7B5E1 - #C2499E | 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 #E7B5E1 as 0% and #C2499E as 100%.

0.0%	0.0% #E7B5E1	RGB 231 181 225	#E7B5E1
16.7%	16.7% #E0A3D5	RGB 224 163 213	#E0A3D5
33.3%	33.3% #DA91CA	RGB 218 145 202	#DA91CA
50.0%	50.0% #D47FBF	RGB 212 127 191	#D47FBF
66.7%	66.7% #CE6DB4	RGB 206 109 180	#CE6DB4
83.3%	83.3% #C85BA9	RGB 200 91 169	#C85BA9
100.0%	100.0% #C2499E	RGB 194 73 158	#C2499E

#E7B5E1 #E0A3D5 #DA91CA #D47FBF #CE6DB4 #C85BA9 #C2499E

#E7B5E1 - #C2499E

HSV Blend

#E7B5E1 - #C2499E | 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 #E7B5E1 as 0% and #C2499E as 100%.

0.0%	0.0% #E7B5E1	RGB 231 181 225	#E7B5E1
16.7%	16.7% #E0A0D7	RGB 224 160 215	#E0A0D7
33.3%	33.3% #DA8DCC	RGB 218 141 204	#DA8DCC
50.0%	50.0% #D47BC1	RGB 212 123 193	#D47BC1
66.7%	66.7% #CE69B6	RGB 206 105 182	#CE69B6
83.3%	83.3% #C858AA	RGB 200 88 170	#C858AA
100.0%	100.0% #C2499E	RGB 194 73 158	#C2499E

#E7B5E1 #E0A0D7 #DA8DCC #D47BC1 #CE69B6 #C858AA #C2499E

#E7B5E1 - #D47BC1 - #C2499E

CSS codes

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

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