#E48F5E - #BF491B | 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 #E48F5E to #BF491B

#E48F5E #BF491B

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

#E48F5E - #BF491B | 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 #E48F5E as 0% and #BF491B as 100%.

0.0%	0.0% #E48F5E	RGB 228 143 94	#E48F5E
16.7%	16.7% #DD8352	RGB 221 131 82	#DD8352
33.3%	33.3% #D77747	RGB 215 119 71	#D77747
50.0%	50.0% #D16C3C	RGB 209 108 60	#D16C3C
66.7%	66.7% #CB6031	RGB 203 96 49	#CB6031
83.3%	83.3% #C55426	RGB 197 84 38	#C55426
100.0%	100.0% #BF491B	RGB 191 73 27	#BF491B

#E48F5E #DD8352 #D77747 #D16C3C #CB6031 #C55426 #BF491B

#E48F5E - #BF491B

HSV Blend

#E48F5E - #BF491B | 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 #E48F5E as 0% and #BF491B as 100%.

0.0%	0.0% #E48F5E	RGB 228 143 94	#E48F5E
16.7%	16.7% #DD8251	RGB 221 130 81	#DD8251
33.3%	33.3% #D77645	RGB 215 118 69	#D77645
50.0%	50.0% #D16A39	RGB 209 106 57	#D16A39
66.7%	66.7% #CB5F2F	RGB 203 95 47	#CB5F2F
83.3%	83.3% #C55424	RGB 197 84 36	#C55424
100.0%	100.0% #BF491B	RGB 191 73 27	#BF491B

#E48F5E #DD8251 #D77645 #D16A39 #CB5F2F #C55424 #BF491B

#E48F5E - #D16A39 - #BF491B

CSS codes

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

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