#BF8F7E - #ECDFDA | 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 #BF8F7E to #ECDFDA

#BF8F7E #ECDFDA

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

#BF8F7E - #ECDFDA | 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 #BF8F7E as 0% and #ECDFDA as 100%.

0.0%	0.0% #BF8F7E	RGB 191 143 126	#BF8F7E
16.7%	16.7% #C69C8D	RGB 198 156 141	#C69C8D
33.3%	33.3% #CEA99C	RGB 206 169 156	#CEA99C
50.0%	50.0% #D5B7AC	RGB 213 183 172	#D5B7AC
66.7%	66.7% #DDC4BB	RGB 221 196 187	#DDC4BB
83.3%	83.3% #E4D1CA	RGB 228 209 202	#E4D1CA
100.0%	100.0% #ECDFDA	RGB 236 223 218	#ECDFDA

#BF8F7E #C69C8D #CEA99C #D5B7AC #DDC4BB #E4D1CA #ECDFDA

#BF8F7E - #ECDFDA

HSV Blend

#BF8F7E - #ECDFDA | 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 #BF8F7E as 0% and #ECDFDA as 100%.

0.0%	0.0% #BF8F7E	RGB 191 143 126	#BF8F7E
16.7%	16.7% #C69B8B	RGB 198 155 139	#C69B8B
33.3%	33.3% #CEA79A	RGB 206 167 154	#CEA79A
50.0%	50.0% #D5B5A9	RGB 213 181 169	#D5B5A9
66.7%	66.7% #DDC2B8	RGB 221 194 184	#DDC2B8
83.3%	83.3% #E4D0C9	RGB 228 208 201	#E4D0C9
100.0%	100.0% #ECDFDA	RGB 236 223 218	#ECDFDA

#BF8F7E #C69B8B #CEA79A #D5B5A9 #DDC2B8 #E4D0C9 #ECDFDA

#BF8F7E - #D5B5A9 - #ECDFDA

CSS codes

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

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