#84827C - #5E4426 | 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 #84827C to #5E4426

#84827C #5E4426

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

#84827C - #5E4426 | 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 #84827C as 0% and #5E4426 as 100%.

0.0%	0.0% #84827C	RGB 132 130 124	#84827C
16.7%	16.7% #7D776D	RGB 125 119 109	#7D776D
33.3%	33.3% #776D5F	RGB 119 109 95	#776D5F
50.0%	50.0% #716351	RGB 113 99 81	#716351
66.7%	66.7% #6A5842	RGB 106 88 66	#6A5842
83.3%	83.3% #644E34	RGB 100 78 52	#644E34
100.0%	100.0% #5E4426	RGB 94 68 38	#5E4426

#84827C #7D776D #776D5F #716351 #6A5842 #644E34 #5E4426

#84827C - #5E4426

HSV Blend

#84827C - #5E4426 | 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 #84827C as 0% and #5E4426 as 100%.

0.0%	0.0% #84827C	RGB 132 130 124	#84827C
16.7%	16.7% #7D786A	RGB 125 120 106	#7D786A
33.3%	33.3% #776E5A	RGB 119 110 90	#776E5A
50.0%	50.0% #71634B	RGB 113 99 75	#71634B
66.7%	66.7% #6A593E	RGB 106 89 62	#6A593E
83.3%	83.3% #644E31	RGB 100 78 49	#644E31
100.0%	100.0% #5E4426	RGB 94 68 38	#5E4426

#84827C #7D786A #776E5A #71634B #6A593E #644E31 #5E4426

#84827C - #71634B - #5E4426

CSS codes

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

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