#B78CE2 - #EADEF6 | 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 #B78CE2 to #EADEF6

#B78CE2 #EADEF6

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

#B78CE2 - #EADEF6 | 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 #B78CE2 as 0% and #EADEF6 as 100%.

0.0%	0.0% #B78CE2	RGB 183 140 226	#B78CE2
16.7%	16.7% #BF99E5	RGB 191 153 229	#BF99E5
33.3%	33.3% #C8A7E8	RGB 200 167 232	#C8A7E8
50.0%	50.0% #D0B5EC	RGB 208 181 236	#D0B5EC
66.7%	66.7% #D9C2EF	RGB 217 194 239	#D9C2EF
83.3%	83.3% #E1D0F2	RGB 225 208 242	#E1D0F2
100.0%	100.0% #EADEF6	RGB 234 222 246	#EADEF6

#B78CE2 #BF99E5 #C8A7E8 #D0B5EC #D9C2EF #E1D0F2 #EADEF6

#B78CE2 - #EADEF6

HSV Blend

#B78CE2 - #EADEF6 | 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 #B78CE2 as 0% and #EADEF6 as 100%.

0.0%	0.0% #B78CE2	RGB 183 140 226	#B78CE2
16.7%	16.7% #BF98E5	RGB 191 152 229	#BF98E5
33.3%	33.3% #C7A6E8	RGB 199 166 232	#C7A6E8
50.0%	50.0% #CFB3EC	RGB 207 179 236	#CFB3EC
66.7%	66.7% #D8C1EF	RGB 216 193 239	#D8C1EF
83.3%	83.3% #E1CFF2	RGB 225 207 242	#E1CFF2
100.0%	100.0% #EADEF6	RGB 234 222 246	#EADEF6

#B78CE2 #BF98E5 #C7A6E8 #CFB3EC #D8C1EF #E1CFF2 #EADEF6

#B78CE2 - #CFB3EC - #EADEF6

CSS codes

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

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