#BF837E - #ECDBDA | 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 #BF837E to #ECDBDA

#BF837E #ECDBDA

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

#BF837E - #ECDBDA | 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 #BF837E as 0% and #ECDBDA as 100%.

0.0%	0.0% #BF837E	RGB 191 131 126	#BF837E
16.7%	16.7% #C6918D	RGB 198 145 141	#C6918D
33.3%	33.3% #CEA09C	RGB 206 160 156	#CEA09C
50.0%	50.0% #D5AFAC	RGB 213 175 172	#D5AFAC
66.7%	66.7% #DDBDBB	RGB 221 189 187	#DDBDBB
83.3%	83.3% #E4CCCA	RGB 228 204 202	#E4CCCA
100.0%	100.0% #ECDBDA	RGB 236 219 218	#ECDBDA

#BF837E #C6918D #CEA09C #D5AFAC #DDBDBB #E4CCCA #ECDBDA

#BF837E - #ECDBDA

HSV Blend

#BF837E - #ECDBDA | 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 #BF837E as 0% and #ECDBDA as 100%.

0.0%	0.0% #BF837E	RGB 191 131 126	#BF837E
16.7%	16.7% #C68F8B	RGB 198 143 139	#C68F8B
33.3%	33.3% #CE9D9A	RGB 206 157 154	#CE9D9A
50.0%	50.0% #D5ABA9	RGB 213 171 169	#D5ABA9
66.7%	66.7% #DDBAB8	RGB 221 186 184	#DDBAB8
83.3%	83.3% #E4CAC9	RGB 228 202 201	#E4CAC9
100.0%	100.0% #ECDBDA	RGB 236 219 218	#ECDBDA

#BF837E #C68F8B #CE9D9A #D5ABA9 #DDBAB8 #E4CAC9 #ECDBDA

#BF837E - #D5ABA9 - #ECDBDA

CSS codes

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

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