#5E282C - #BF6243 | 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 #5E282C to #BF6243

#5E282C #BF6243

Calculate the color between two colors, #5E282C and #BF6243. 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)

#5E282C - #BF6243 | 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 #5E282C as 0% and #BF6243 as 100%.

0.0%	0.0% #5E282C	RGB 94 40 44	#5E282C
16.7%	16.7% #6E312F	RGB 110 49 47	#6E312F
33.3%	33.3% #7E3B33	RGB 126 59 51	#7E3B33
50.0%	50.0% #8E4537	RGB 142 69 55	#8E4537
66.7%	66.7% #9E4E3B	RGB 158 78 59	#9E4E3B
83.3%	83.3% #AE583F	RGB 174 88 63	#AE583F
100.0%	100.0% #BF6243	RGB 191 98 67	#BF6243

#5E282C #6E312F #7E3B33 #8E4537 #9E4E3B #AE583F #BF6243

#5E282C - #BF6243

HSV Blend

#5E282C - #BF6243 | 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 #5E282C as 0% and #BF6243 as 100%.

0.0%	0.0% #5E282C	RGB 94 40 44	#5E282C
16.7%	16.7% #6E2D2E	RGB 110 45 46	#6E2D2E
33.3%	33.3% #7E3532	RGB 126 53 50	#7E3532
50.0%	50.0% #8E3E37	RGB 142 62 55	#8E3E37
66.7%	66.7% #9E493B	RGB 158 73 59	#9E493B
83.3%	83.3% #AE553F	RGB 174 85 63	#AE553F
100.0%	100.0% #BF6243	RGB 191 98 67	#BF6243

#5E282C #6E2D2E #7E3532 #8E3E37 #9E493B #AE553F #BF6243

#5E282C - #8E3E37 - #BF6243

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E282C 0%, #8E3E37 50%, #BF6243 100%);
    background: -webkit-linear-gradient(top, #5E282C 0%, #8E3E37 50%, #BF6243 100%);
    background: linear-gradient(to bottom, #5E282C 0%, #8E3E37 50%, #BF6243 100%);
}
</style>