#BD5E2F - #ECD1C3 | 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 #BD5E2F to #ECD1C3

#BD5E2F #ECD1C3

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

#BD5E2F - #ECD1C3 | 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 #BD5E2F as 0% and #ECD1C3 as 100%.

0.0%	0.0% #BD5E2F	RGB 189 94 47	#BD5E2F
16.7%	16.7% #C47147	RGB 196 113 71	#C47147
33.3%	33.3% #CC8460	RGB 204 132 96	#CC8460
50.0%	50.0% #D49779	RGB 212 151 121	#D49779
66.7%	66.7% #DCAA91	RGB 220 170 145	#DCAA91
83.3%	83.3% #E4BDAA	RGB 228 189 170	#E4BDAA
100.0%	100.0% #ECD1C3	RGB 236 209 195	#ECD1C3

#BD5E2F #C47147 #CC8460 #D49779 #DCAA91 #E4BDAA #ECD1C3

#BD5E2F - #ECD1C3

HSV Blend

#BD5E2F - #ECD1C3 | 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 #BD5E2F as 0% and #ECD1C3 as 100%.

0.0%	0.0% #BD5E2F	RGB 189 94 47	#BD5E2F
16.7%	16.7% #C46E43	RGB 196 110 67	#C46E43
33.3%	33.3% #CC805A	RGB 204 128 90	#CC805A
50.0%	50.0% #D49372	RGB 212 147 114	#D49372
66.7%	66.7% #DCA68B	RGB 220 166 139	#DCA68B
83.3%	83.3% #E4BBA6	RGB 228 187 166	#E4BBA6
100.0%	100.0% #ECD1C3	RGB 236 209 195	#ECD1C3

#BD5E2F #C46E43 #CC805A #D49372 #DCA68B #E4BBA6 #ECD1C3

#BD5E2F - #D49372 - #ECD1C3

CSS codes

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

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