#BF642C - #5E2605 | 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 #BF642C to #5E2605

#BF642C #5E2605

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

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

0.0%	0.0% #BF642C	RGB 191 100 44	#BF642C
16.7%	16.7% #AE5925	RGB 174 89 37	#AE5925
33.3%	33.3% #9E4F1F	RGB 158 79 31	#9E4F1F
50.0%	50.0% #8E4518	RGB 142 69 24	#8E4518
66.7%	66.7% #7E3A11	RGB 126 58 17	#7E3A11
83.3%	83.3% #6E300B	RGB 110 48 11	#6E300B
100.0%	100.0% #5E2605	RGB 94 38 5	#5E2605

#BF642C #AE5925 #9E4F1F #8E4518 #7E3A11 #6E300B #5E2605

#BF642C - #5E2605

HSV Blend

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

0.0%	0.0% #BF642B	RGB 191 100 43	#BF642B
16.7%	16.7% #AE5823	RGB 174 88 35	#AE5823
33.3%	33.3% #9E4C1B	RGB 158 76 27	#9E4C1B
50.0%	50.0% #8E4214	RGB 142 66 20	#8E4214
66.7%	66.7% #7E380E	RGB 126 56 14	#7E380E
83.3%	83.3% #6E2E09	RGB 110 46 9	#6E2E09
100.0%	100.0% #5E2605	RGB 94 38 5	#5E2605

#BF642B #AE5823 #9E4C1B #8E4214 #7E380E #6E2E09 #5E2605

#BF642C - #8E4214 - #5E2605

CSS codes

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

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