#E2D7DF - #BC829C | 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 #E2D7DF to #BC829C

#E2D7DF #BC829C

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

#E2D7DF - #BC829C | 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 #E2D7DF as 0% and #BC829C as 100%.

0.0%	0.0% #E2D7DF	RGB 226 215 223	#E2D7DF
16.7%	16.7% #DBC8D3	RGB 219 200 211	#DBC8D3
33.3%	33.3% #D5BAC8	RGB 213 186 200	#D5BAC8
50.0%	50.0% #CFACBD	RGB 207 172 189	#CFACBD
66.7%	66.7% #C89EB2	RGB 200 158 178	#C89EB2
83.3%	83.3% #C290A7	RGB 194 144 167	#C290A7
100.0%	100.0% #BC829C	RGB 188 130 156	#BC829C

#E2D7DF #DBC8D3 #D5BAC8 #CFACBD #C89EB2 #C290A7 #BC829C

#E2D7DF - #BC829C

HSV Blend

#E2D7DF - #BC829C | 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 #E2D7DF as 0% and #BC829C as 100%.

0.0%	0.0% #E2D7DF	RGB 226 215 223	#E2D7DF
16.7%	16.7% #DBC7D5	RGB 219 199 213	#DBC7D5
33.3%	33.3% #D5B8CA	RGB 213 184 202	#D5B8CA
50.0%	50.0% #CFAABF	RGB 207 170 191	#CFAABF
66.7%	66.7% #C89CB4	RGB 200 156 180	#C89CB4
83.3%	83.3% #C28EA8	RGB 194 142 168	#C28EA8
100.0%	100.0% #BC829C	RGB 188 130 156	#BC829C

#E2D7DF #DBC7D5 #D5B8CA #CFAABF #C89CB4 #C28EA8 #BC829C

#E2D7DF - #CFAABF - #BC829C

CSS codes

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

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