#81846A - #5E541E | 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 #81846A to #5E541E

#81846A #5E541E

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

#81846A - #5E541E | 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 #81846A as 0% and #5E541E as 100%.

0.0%	0.0% #81846A	RGB 129 132 106	#81846A
16.7%	16.7% #7B7C5D	RGB 123 124 93	#7B7C5D
33.3%	33.3% #757450	RGB 117 116 80	#757450
50.0%	50.0% #6F6C44	RGB 111 108 68	#6F6C44
66.7%	66.7% #696437	RGB 105 100 55	#696437
83.3%	83.3% #635C2A	RGB 99 92 42	#635C2A
100.0%	100.0% #5E541E	RGB 94 84 30	#5E541E

#81846A #7B7C5D #757450 #6F6C44 #696437 #635C2A #5E541E

#81846A - #5E541E

HSV Blend

#81846A - #5E541E | 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 #81846A as 0% and #5E541E as 100%.

0.0%	0.0% #81846A	RGB 129 132 106	#81846A
16.7%	16.7% #7B7D5A	RGB 123 125 90	#7B7D5A
33.3%	33.3% #76774C	RGB 118 119 76	#76774C
50.0%	50.0% #716F3F	RGB 113 111 63	#716F3F
66.7%	66.7% #6A6733	RGB 106 103 51	#6A6733
83.3%	83.3% #645D28	RGB 100 93 40	#645D28
100.0%	100.0% #5E541E	RGB 94 84 30	#5E541E

#81846A #7B7D5A #76774C #716F3F #6A6733 #645D28 #5E541E

#81846A - #716F3F - #5E541E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81846A 0%, #716F3F 50%, #5E541E 100%);
    background: -webkit-linear-gradient(top, #81846A 0%, #716F3F 50%, #5E541E 100%);
    background: linear-gradient(to bottom, #81846A 0%, #716F3F 50%, #5E541E 100%);
}
</style>