#BF842B - #ECDBC2 | 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 #BF842B to #ECDBC2

#BF842B #ECDBC2

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

#BF842B - #ECDBC2 | 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 #BF842B as 0% and #ECDBC2 as 100%.

0.0%	0.0% #BF842B	RGB 191 132 43	#BF842B
16.7%	16.7% #C69244	RGB 198 146 68	#C69244
33.3%	33.3% #CEA15D	RGB 206 161 93	#CEA15D
50.0%	50.0% #D5AF76	RGB 213 175 118	#D5AF76
66.7%	66.7% #DDBE8F	RGB 221 190 143	#DDBE8F
83.3%	83.3% #E4CCA8	RGB 228 204 168	#E4CCA8
100.0%	100.0% #ECDBC2	RGB 236 219 194	#ECDBC2

#BF842B #C69244 #CEA15D #D5AF76 #DDBE8F #E4CCA8 #ECDBC2

#BF842B - #ECDBC2

HSV Blend

#BF842B - #ECDBC2 | 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 #BF842B as 0% and #ECDBC2 as 100%.

0.0%	0.0% #BF842B	RGB 191 132 43	#BF842B
16.7%	16.7% #C69040	RGB 198 144 64	#C69040
33.3%	33.3% #CE9E57	RGB 206 158 87	#CE9E57
50.0%	50.0% #D5AC6F	RGB 213 172 111	#D5AC6F
66.7%	66.7% #DDBB89	RGB 221 187 137	#DDBB89
83.3%	83.3% #E4CAA5	RGB 228 202 165	#E4CAA5
100.0%	100.0% #ECDBC2	RGB 236 219 194	#ECDBC2

#BF842B #C69040 #CE9E57 #D5AC6F #DDBB89 #E4CAA5 #ECDBC2

#BF842B - #D5AC6F - #ECDBC2

CSS codes

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

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