#6E5E47 - #52310B | 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 #6E5E47 to #52310B

#6E5E47 #52310B

Calculate the color between two colors, #6E5E47 and #52310B. 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)

#6E5E47 - #52310B | 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 #6E5E47 as 0% and #52310B as 100%.

0.0%	0.0% #6E5E47	RGB 110 94 71	#6E5E47
16.7%	16.7% #69563D	RGB 105 86 61	#69563D
33.3%	33.3% #644F33	RGB 100 79 51	#644F33
50.0%	50.0% #604729	RGB 96 71 41	#604729
66.7%	66.7% #5B401F	RGB 91 64 31	#5B401F
83.3%	83.3% #563815	RGB 86 56 21	#563815
100.0%	100.0% #52310B	RGB 82 49 11	#52310B

#6E5E47 #69563D #644F33 #604729 #5B401F #563815 #52310B

#6E5E47 - #52310B

HSV Blend

#6E5E47 - #52310B | 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 #6E5E47 as 0% and #52310B as 100%.

0.0%	0.0% #6E5E47	RGB 110 94 71	#6E5E47
16.7%	16.7% #69553B	RGB 105 85 59	#69553B
33.3%	33.3% #644E2F	RGB 100 78 47	#644E2F
50.0%	50.0% #604625	RGB 96 70 37	#604625
66.7%	66.7% #5B3E1B	RGB 91 62 27	#5B3E1B
83.3%	83.3% #563713	RGB 86 55 19	#563713
100.0%	100.0% #52310B	RGB 82 49 11	#52310B

#6E5E47 #69553B #644E2F #604625 #5B3E1B #563713 #52310B

#6E5E47 - #604625 - #52310B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E47 0%, #604625 50%, #52310B 100%);
    background: -webkit-linear-gradient(top, #6E5E47 0%, #604625 50%, #52310B 100%);
    background: linear-gradient(to bottom, #6E5E47 0%, #604625 50%, #52310B 100%);
}
</style>