#8B5E45 - #642C0D | 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 #8B5E45 to #642C0D

#8B5E45 #642C0D

Calculate the color between two colors, #8B5E45 and #642C0D. 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)

#8B5E45 - #642C0D | 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 #8B5E45 as 0% and #642C0D as 100%.

0.0%	0.0% #8B5E45	RGB 139 94 69	#8B5E45
16.7%	16.7% #84553B	RGB 132 85 59	#84553B
33.3%	33.3% #7E4D32	RGB 126 77 50	#7E4D32
50.0%	50.0% #774529	RGB 119 69 41	#774529
66.7%	66.7% #713C1F	RGB 113 60 31	#713C1F
83.3%	83.3% #6A3416	RGB 106 52 22	#6A3416
100.0%	100.0% #642C0D	RGB 100 44 13	#642C0D

#8B5E45 #84553B #7E4D32 #774529 #713C1F #6A3416 #642C0D

#8B5E45 - #642C0D

HSV Blend

#8B5E45 - #642C0D | 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 #8B5E45 as 0% and #642C0D as 100%.

0.0%	0.0% #8B5E45	RGB 139 94 69	#8B5E45
16.7%	16.7% #845439	RGB 132 84 57	#845439
33.3%	33.3% #7E4B2F	RGB 126 75 47	#7E4B2F
50.0%	50.0% #774225	RGB 119 66 37	#774225
66.7%	66.7% #713A1C	RGB 113 58 28	#713A1C
83.3%	83.3% #6A3314	RGB 106 51 20	#6A3314
100.0%	100.0% #642C0D	RGB 100 44 13	#642C0D

#8B5E45 #845439 #7E4B2F #774225 #713A1C #6A3314 #642C0D

#8B5E45 - #774225 - #642C0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B5E45 0%, #774225 50%, #642C0D 100%);
    background: -webkit-linear-gradient(top, #8B5E45 0%, #774225 50%, #642C0D 100%);
    background: linear-gradient(to bottom, #8B5E45 0%, #774225 50%, #642C0D 100%);
}
</style>