#E2BFE6 - #B26BC2 | 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 #E2BFE6 to #B26BC2

#E2BFE6 #B26BC2

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

#E2BFE6 - #B26BC2 | 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 #E2BFE6 as 0% and #B26BC2 as 100%.

0.0%	0.0% #E2BFE6	RGB 226 191 230	#E2BFE6
16.7%	16.7% #DAB1E0	RGB 218 177 224	#DAB1E0
33.3%	33.3% #D2A3DA	RGB 210 163 218	#D2A3DA
50.0%	50.0% #CA95D4	RGB 202 149 212	#CA95D4
66.7%	66.7% #C287CE	RGB 194 135 206	#C287CE
83.3%	83.3% #BA79C8	RGB 186 121 200	#BA79C8
100.0%	100.0% #B26BC2	RGB 178 107 194	#B26BC2

#E2BFE6 #DAB1E0 #D2A3DA #CA95D4 #C287CE #BA79C8 #B26BC2

#E2BFE6 - #B26BC2

HSV Blend

#E2BFE6 - #B26BC2 | 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 #E2BFE6 as 0% and #B26BC2 as 100%.

0.0%	0.0% #E2BFE6	RGB 226 191 230	#E2BFE6
16.7%	16.7% #DAAFE0	RGB 218 175 224	#DAAFE0
33.3%	33.3% #D2A0DA	RGB 210 160 218	#D2A0DA
50.0%	50.0% #CA92D4	RGB 202 146 212	#CA92D4
66.7%	66.7% #C284CE	RGB 194 132 206	#C284CE
83.3%	83.3% #BA77C8	RGB 186 119 200	#BA77C8
100.0%	100.0% #B26BC2	RGB 178 107 194	#B26BC2

#E2BFE6 #DAAFE0 #D2A0DA #CA92D4 #C284CE #BA77C8 #B26BC2

#E2BFE6 - #CA92D4 - #B26BC2

CSS codes

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

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