#BD5E41 - #ECD1C8 | 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 #BD5E41 to #ECD1C8

#BD5E41 #ECD1C8

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

#BD5E41 - #ECD1C8 | 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 #BD5E41 as 0% and #ECD1C8 as 100%.

0.0%	0.0% #BD5E41	RGB 189 94 65	#BD5E41
16.7%	16.7% #C47157	RGB 196 113 87	#C47157
33.3%	33.3% #CC846E	RGB 204 132 110	#CC846E
50.0%	50.0% #D49784	RGB 212 151 132	#D49784
66.7%	66.7% #DCAA9B	RGB 220 170 155	#DCAA9B
83.3%	83.3% #E4BDB1	RGB 228 189 177	#E4BDB1
100.0%	100.0% #ECD1C8	RGB 236 209 200	#ECD1C8

#BD5E41 #C47157 #CC846E #D49784 #DCAA9B #E4BDB1 #ECD1C8

#BD5E41 - #ECD1C8

HSV Blend

#BD5E41 - #ECD1C8 | 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 #BD5E41 as 0% and #ECD1C8 as 100%.

0.0%	0.0% #BD5E41	RGB 189 94 65	#BD5E41
16.7%	16.7% #C46E54	RGB 196 110 84	#C46E54
33.3%	33.3% #CC8068	RGB 204 128 104	#CC8068
50.0%	50.0% #D4937E	RGB 212 147 126	#D4937E
66.7%	66.7% #DCA795	RGB 220 167 149	#DCA795
83.3%	83.3% #E4BBAE	RGB 228 187 174	#E4BBAE
100.0%	100.0% #ECD1C8	RGB 236 209 200	#ECD1C8

#BD5E41 #C46E54 #CC8068 #D4937E #DCA795 #E4BBAE #ECD1C8

#BD5E41 - #D4937E - #ECD1C8

CSS codes

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

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