#E8C0CF - #BC6686 | 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 #E8C0CF to #BC6686

#E8C0CF #BC6686

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

#E8C0CF - #BC6686 | 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 #E8C0CF as 0% and #BC6686 as 100%.

0.0%	0.0% #E8C0CF	RGB 232 192 207	#E8C0CF
16.7%	16.7% #E0B1C2	RGB 224 177 194	#E0B1C2
33.3%	33.3% #D9A2B6	RGB 217 162 182	#D9A2B6
50.0%	50.0% #D293AA	RGB 210 147 170	#D293AA
66.7%	66.7% #CA849E	RGB 202 132 158	#CA849E
83.3%	83.3% #C37592	RGB 195 117 146	#C37592
100.0%	100.0% #BC6686	RGB 188 102 134	#BC6686

#E8C0CF #E0B1C2 #D9A2B6 #D293AA #CA849E #C37592 #BC6686

#E8C0CF - #BC6686

HSV Blend

#E8C0CF - #BC6686 | 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 #E8C0CF as 0% and #BC6686 as 100%.

0.0%	0.0% #E8C0CF	RGB 232 192 207	#E8C0CF
16.7%	16.7% #E0AFC1	RGB 224 175 193	#E0AFC1
33.3%	33.3% #D99FB4	RGB 217 159 180	#D99FB4
50.0%	50.0% #D28FA8	RGB 210 143 168	#D28FA8
66.7%	66.7% #CA819C	RGB 202 129 156	#CA819C
83.3%	83.3% #C37391	RGB 195 115 145	#C37391
100.0%	100.0% #BC6686	RGB 188 102 134	#BC6686

#E8C0CF #E0AFC1 #D99FB4 #D28FA8 #CA819C #C37391 #BC6686

#E8C0CF - #D28FA8 - #BC6686

CSS codes

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

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