#7B5EBD - #EAB1CB | 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 #7B5EBD to #EAB1CB

#7B5EBD #EAB1CB

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

#7B5EBD - #EAB1CB | 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 #7B5EBD as 0% and #EAB1CB as 100%.

0.0%	0.0% #7B5EBD	RGB 123 94 189	#7B5EBD
16.7%	16.7% #8D6BBF	RGB 141 107 191	#8D6BBF
33.3%	33.3% #A079C1	RGB 160 121 193	#A079C1
50.0%	50.0% #B287C4	RGB 178 135 196	#B287C4
66.7%	66.7% #C595C6	RGB 197 149 198	#C595C6
83.3%	83.3% #D7A3C8	RGB 215 163 200	#D7A3C8
100.0%	100.0% #EAB1CB	RGB 234 177 203	#EAB1CB

#7B5EBD #8D6BBF #A079C1 #B287C4 #C595C6 #D7A3C8 #EAB1CB

#7B5EBD - #EAB1CB

HSV Blend

#7B5EBD - #EAB1CB | 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 #7B5EBD as 0% and #EAB1CB as 100%.

0.0%	0.0% #7A5EBD	RGB 122 94 189	#7A5EBD
16.7%	16.7% #986AC4	RGB 152 106 196	#986AC4
33.3%	33.3% #B477CC	RGB 180 119 204	#B477CC
50.0%	50.0% #CD84D3	RGB 205 132 211	#CD84D3
66.7%	66.7% #DB92D1	RGB 219 146 209	#DB92D1
83.3%	83.3% #E2A1CC	RGB 226 161 204	#E2A1CC
100.0%	100.0% #EAB1CB	RGB 234 177 203	#EAB1CB

#7A5EBD #986AC4 #B477CC #CD84D3 #DB92D1 #E2A1CC #EAB1CB

#7B5EBD - #CD84D3 - #EAB1CB

CSS codes

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

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