#B72EB8 - #EAC3E9 | 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 #B72EB8 to #EAC3E9

#B72EB8 #EAC3E9

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

#B72EB8 - #EAC3E9 | 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 #B72EB8 as 0% and #EAC3E9 as 100%.

0.0%	0.0% #B72EB8	RGB 183 46 184	#B72EB8
16.7%	16.7% #BF46C0	RGB 191 70 192	#BF46C0
33.3%	33.3% #C85FC8	RGB 200 95 200	#C85FC8
50.0%	50.0% #D078D0	RGB 208 120 208	#D078D0
66.7%	66.7% #D991D8	RGB 217 145 216	#D991D8
83.3%	83.3% #E1AAE0	RGB 225 170 224	#E1AAE0
100.0%	100.0% #EAC3E9	RGB 234 195 233	#EAC3E9

#B72EB8 #BF46C0 #C85FC8 #D078D0 #D991D8 #E1AAE0 #EAC3E9

#B72EB8 - #EAC3E9

HSV Blend

#B72EB8 - #EAC3E9 | 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 #B72EB8 as 0% and #EAC3E9 as 100%.

0.0%	0.0% #B72EB8	RGB 183 46 184	#B72EB8
16.7%	16.7% #C042C0	RGB 192 66 192	#C042C0
33.3%	33.3% #C859C8	RGB 200 89 200	#C859C8
50.0%	50.0% #D171D0	RGB 209 113 208	#D171D0
66.7%	66.7% #D98AD8	RGB 217 138 216	#D98AD8
83.3%	83.3% #E1A6E0	RGB 225 166 224	#E1A6E0
100.0%	100.0% #EAC3E9	RGB 234 195 233	#EAC3E9

#B72EB8 #C042C0 #C859C8 #D171D0 #D98AD8 #E1A6E0 #EAC3E9

#B72EB8 - #D171D0 - #EAC3E9

CSS codes

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

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