#E6BFE4 - #BD6BC2 | 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 #E6BFE4 to #BD6BC2

#E6BFE4 #BD6BC2

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

#E6BFE4 - #BD6BC2 | 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 #E6BFE4 as 0% and #BD6BC2 as 100%.

0.0%	0.0% #E6BFE4	RGB 230 191 228	#E6BFE4
16.7%	16.7% #DFB1DE	RGB 223 177 222	#DFB1DE
33.3%	33.3% #D8A3D8	RGB 216 163 216	#D8A3D8
50.0%	50.0% #D195D3	RGB 209 149 211	#D195D3
66.7%	66.7% #CA87CD	RGB 202 135 205	#CA87CD
83.3%	83.3% #C379C7	RGB 195 121 199	#C379C7
100.0%	100.0% #BD6BC2	RGB 189 107 194	#BD6BC2

#E6BFE4 #DFB1DE #D8A3D8 #D195D3 #CA87CD #C379C7 #BD6BC2

#E6BFE4 - #BD6BC2

HSV Blend

#E6BFE4 - #BD6BC2 | 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 #E6BFE4 as 0% and #BD6BC2 as 100%.

0.0%	0.0% #E6BFE4	RGB 230 191 228	#E6BFE4
16.7%	16.7% #E0AFDE	RGB 224 175 222	#E0AFDE
33.3%	33.3% #DAA0D9	RGB 218 160 217	#DAA0D9
50.0%	50.0% #D392D4	RGB 211 146 212	#D392D4
66.7%	66.7% #CC84CE	RGB 204 132 206	#CC84CE
83.3%	83.3% #C477C8	RGB 196 119 200	#C477C8
100.0%	100.0% #BD6BC2	RGB 189 107 194	#BD6BC2

#E6BFE4 #E0AFDE #DAA0D9 #D392D4 #CC84CE #C477C8 #BD6BC2

#E6BFE4 - #D392D4 - #BD6BC2

CSS codes

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

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