#B42ACD - #E8C2F0 | 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 #B42ACD to #E8C2F0

#B42ACD #E8C2F0

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

#B42ACD - #E8C2F0 | 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 #B42ACD as 0% and #E8C2F0 as 100%.

0.0%	0.0% #B42ACD	RGB 180 42 205	#B42ACD
16.7%	16.7% #BC43D2	RGB 188 67 210	#BC43D2
33.3%	33.3% #C55CD8	RGB 197 92 216	#C55CD8
50.0%	50.0% #CE76DE	RGB 206 118 222	#CE76DE
66.7%	66.7% #D68FE4	RGB 214 143 228	#D68FE4
83.3%	83.3% #DFA8EA	RGB 223 168 234	#DFA8EA
100.0%	100.0% #E8C2F0	RGB 232 194 240	#E8C2F0

#B42ACD #BC43D2 #C55CD8 #CE76DE #D68FE4 #DFA8EA #E8C2F0

#B42ACD - #E8C2F0

HSV Blend

#B42ACD - #E8C2F0 | 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 #B42ACD as 0% and #E8C2F0 as 100%.

0.0%	0.0% #B42ACD	RGB 180 42 205	#B42ACD
16.7%	16.7% #BB40D2	RGB 187 64 210	#BB40D2
33.3%	33.3% #C457D8	RGB 196 87 216	#C457D8
50.0%	50.0% #CC70DE	RGB 204 112 222	#CC70DE
66.7%	66.7% #D58AE4	RGB 213 138 228	#D58AE4
83.3%	83.3% #DEA5EA	RGB 222 165 234	#DEA5EA
100.0%	100.0% #E8C2F0	RGB 232 194 240	#E8C2F0

#B42ACD #BB40D2 #C457D8 #CC70DE #D58AE4 #DEA5EA #E8C2F0

#B42ACD - #CC70DE - #E8C2F0

CSS codes

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

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