#BC54C5 - #EACEEE | 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 #BC54C5 to #EACEEE

#BC54C5 #EACEEE

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

#BC54C5 - #EACEEE | 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 #BC54C5 as 0% and #EACEEE as 100%.

0.0%	0.0% #BC54C5	RGB 188 84 197	#BC54C5
16.7%	16.7% #C368CB	RGB 195 104 203	#C368CB
33.3%	33.3% #CB7CD2	RGB 203 124 210	#CB7CD2
50.0%	50.0% #D391D9	RGB 211 145 217	#D391D9
66.7%	66.7% #DAA5E0	RGB 218 165 224	#DAA5E0
83.3%	83.3% #E2B9E7	RGB 226 185 231	#E2B9E7
100.0%	100.0% #EACEEE	RGB 234 206 238	#EACEEE

#BC54C5 #C368CB #CB7CD2 #D391D9 #DAA5E0 #E2B9E7 #EACEEE

#BC54C5 - #EACEEE

HSV Blend

#BC54C5 - #EACEEE | 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 #BC54C5 as 0% and #EACEEE as 100%.

0.0%	0.0% #BC54C5	RGB 188 84 197	#BC54C5
16.7%	16.7% #C265CB	RGB 194 101 203	#C265CB
33.3%	33.3% #CA78D2	RGB 202 120 210	#CA78D2
50.0%	50.0% #D18CD9	RGB 209 140 217	#D18CD9
66.7%	66.7% #D9A1E0	RGB 217 161 224	#D9A1E0
83.3%	83.3% #E1B7E7	RGB 225 183 231	#E1B7E7
100.0%	100.0% #EACEEE	RGB 234 206 238	#EACEEE

#BC54C5 #C265CB #CA78D2 #D18CD9 #D9A1E0 #E1B7E7 #EACEEE

#BC54C5 - #D18CD9 - #EACEEE

CSS codes

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

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