#E8C0E1 - #BF6BA6 | 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 #E8C0E1 to #BF6BA6

#E8C0E1 #BF6BA6

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

#E8C0E1 - #BF6BA6 | 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 #E8C0E1 as 0% and #BF6BA6 as 100%.

0.0%	0.0% #E8C0E1	RGB 232 192 225	#E8C0E1
16.7%	16.7% #E1B1D7	RGB 225 177 215	#E1B1D7
33.3%	33.3% #DAA3CD	RGB 218 163 205	#DAA3CD
50.0%	50.0% #D395C3	RGB 211 149 195	#D395C3
66.7%	66.7% #CC87B9	RGB 204 135 185	#CC87B9
83.3%	83.3% #C579AF	RGB 197 121 175	#C579AF
100.0%	100.0% #BF6BA6	RGB 191 107 166	#BF6BA6

#E8C0E1 #E1B1D7 #DAA3CD #D395C3 #CC87B9 #C579AF #BF6BA6

#E8C0E1 - #BF6BA6

HSV Blend

#E8C0E1 - #BF6BA6 | 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 #E8C0E1 as 0% and #BF6BA6 as 100%.

0.0%	0.0% #E8C0E1	RGB 232 192 225	#E8C0E1
16.7%	16.7% #E1B0D7	RGB 225 176 215	#E1B0D7
33.3%	33.3% #DAA1CE	RGB 218 161 206	#DAA1CE
50.0%	50.0% #D392C4	RGB 211 146 196	#D392C4
66.7%	66.7% #CC84BA	RGB 204 132 186	#CC84BA
83.3%	83.3% #C577B0	RGB 197 119 176	#C577B0
100.0%	100.0% #BF6BA6	RGB 191 107 166	#BF6BA6

#E8C0E1 #E1B0D7 #DAA1CE #D392C4 #CC84BA #C577B0 #BF6BA6

#E8C0E1 - #D392C4 - #BF6BA6

CSS codes

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

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