#7D5EBE - #EAB1CC | 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 #7D5EBE to #EAB1CC

#7D5EBE #EAB1CC

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

#7D5EBE - #EAB1CC | 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 #7D5EBE as 0% and #EAB1CC as 100%.

0.0%	0.0% #7D5EBE	RGB 125 94 190	#7D5EBE
16.7%	16.7% #8F6BC0	RGB 143 107 192	#8F6BC0
33.3%	33.3% #A179C2	RGB 161 121 194	#A179C2
50.0%	50.0% #B387C5	RGB 179 135 197	#B387C5
66.7%	66.7% #C595C7	RGB 197 149 199	#C595C7
83.3%	83.3% #D7A3C9	RGB 215 163 201	#D7A3C9
100.0%	100.0% #EAB1CC	RGB 234 177 204	#EAB1CC

#7D5EBE #8F6BC0 #A179C2 #B387C5 #C595C7 #D7A3C9 #EAB1CC

#7D5EBE - #EAB1CC

HSV Blend

#7D5EBE - #EAB1CC | 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 #7D5EBE as 0% and #EAB1CC as 100%.

0.0%	0.0% #7D5EBE	RGB 125 94 190	#7D5EBE
16.7%	16.7% #996AC5	RGB 153 106 197	#996AC5
33.3%	33.3% #B577CC	RGB 181 119 204	#B577CC
50.0%	50.0% #CE84D4	RGB 206 132 212	#CE84D4
66.7%	66.7% #DB92D2	RGB 219 146 210	#DB92D2
83.3%	83.3% #E2A1CD	RGB 226 161 205	#E2A1CD
100.0%	100.0% #EAB1CC	RGB 234 177 204	#EAB1CC

#7D5EBE #996AC5 #B577CC #CE84D4 #DB92D2 #E2A1CD #EAB1CC

#7D5EBE - #CE84D4 - #EAB1CC

CSS codes

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

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