#706452 - #5E510D | 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 #706452 to #5E510D

#706452 #5E510D

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

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

0.0%	0.0% #706452	RGB 112 100 82	#706452
16.7%	16.7% #6D6046	RGB 109 96 70	#6D6046
33.3%	33.3% #6A5D3B	RGB 106 93 59	#6A5D3B
50.0%	50.0% #675A2F	RGB 103 90 47	#675A2F
66.7%	66.7% #645724	RGB 100 87 36	#645724
83.3%	83.3% #615418	RGB 97 84 24	#615418
100.0%	100.0% #5E510D	RGB 94 81 13	#5E510D

#706452 #6D6046 #6A5D3B #675A2F #645724 #615418 #5E510D

#706452 - #5E510D

HSV Blend

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

0.0%	0.0% #706452	RGB 112 100 82	#706452
16.7%	16.7% #6D5E45	RGB 109 94 69	#6D5E45
33.3%	33.3% #6A5A38	RGB 106 90 56	#6A5A38
50.0%	50.0% #67562C	RGB 103 86 44	#67562C
66.7%	66.7% #645421	RGB 100 84 33	#645421
83.3%	83.3% #615217	RGB 97 82 23	#615217
100.0%	100.0% #5E510D	RGB 94 81 13	#5E510D

#706452 #6D5E45 #6A5A38 #67562C #645421 #615217 #5E510D

#706452 - #67562C - #5E510D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #706452 0%, #67562C 50%, #5E510D 100%);
    background: -webkit-linear-gradient(top, #706452 0%, #67562C 50%, #5E510D 100%);
    background: linear-gradient(to bottom, #706452 0%, #67562C 50%, #5E510D 100%);
}
</style>