#E7BCFD - #B74CDC | 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 #E7BCFD to #B74CDC

#E7BCFD #B74CDC

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

#E7BCFD - #B74CDC | 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 #E7BCFD as 0% and #B74CDC as 100%.

0.0%	0.0% #E7BCFD	RGB 231 188 253	#E7BCFD
16.7%	16.7% #DFA9F7	RGB 223 169 247	#DFA9F7
33.3%	33.3% #D796F2	RGB 215 150 242	#D796F2
50.0%	50.0% #CF84EC	RGB 207 132 236	#CF84EC
66.7%	66.7% #C771E7	RGB 199 113 231	#C771E7
83.3%	83.3% #BF5EE1	RGB 191 94 225	#BF5EE1
100.0%	100.0% #B74CDC	RGB 183 76 220	#B74CDC

#E7BCFD #DFA9F7 #D796F2 #CF84EC #C771E7 #BF5EE1 #B74CDC

#E7BCFD - #B74CDC

HSV Blend

#E7BCFD - #B74CDC | 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 #E7BCFD as 0% and #B74CDC as 100%.

0.0%	0.0% #E7BCFD	RGB 231 188 253	#E7BCFD
16.7%	16.7% #DDA7F7	RGB 221 167 247	#DDA7F7
33.3%	33.3% #D493F2	RGB 212 147 242	#D493F2
50.0%	50.0% #CC80EC	RGB 204 128 236	#CC80EC
66.7%	66.7% #C46EE7	RGB 196 110 231	#C46EE7
83.3%	83.3% #BD5CE1	RGB 189 92 225	#BD5CE1
100.0%	100.0% #B74CDC	RGB 183 76 220	#B74CDC

#E7BCFD #DDA7F7 #D493F2 #CC80EC #C46EE7 #BD5CE1 #B74CDC

#E7BCFD - #CC80EC - #B74CDC

CSS codes

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

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