#3A3E3B - #82895E | 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 #3A3E3B to #82895E

#3A3E3B #82895E

Calculate the color between two colors, #3A3E3B and #82895E. 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)

#3A3E3B - #82895E | 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 #3A3E3B as 0% and #82895E as 100%.

0.0%	0.0% #3A3E3B	RGB 58 62 59	#3A3E3B
16.7%	16.7% #464A40	RGB 70 74 64	#464A40
33.3%	33.3% #525746	RGB 82 87 70	#525746
50.0%	50.0% #5E634C	RGB 94 99 76	#5E634C
66.7%	66.7% #6A7052	RGB 106 112 82	#6A7052
83.3%	83.3% #767C58	RGB 118 124 88	#767C58
100.0%	100.0% #82895E	RGB 130 137 94	#82895E

#3A3E3B #464A40 #525746 #5E634C #6A7052 #767C58 #82895E

#3A3E3B - #82895E

HSV Blend

#3A3E3B - #82895E | 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 #3A3E3B as 0% and #82895E as 100%.

0.0%	0.0% #3A3E3B	RGB 58 62 59	#3A3E3B
16.7%	16.7% #424A43	RGB 66 74 67	#424A43
33.3%	33.3% #4B574A	RGB 75 87 74	#4B574A
50.0%	50.0% #566350	RGB 86 99 80	#566350
66.7%	66.7% #627056	RGB 98 112 86	#627056
83.3%	83.3% #707C5A	RGB 112 124 90	#707C5A
100.0%	100.0% #82895E	RGB 130 137 94	#82895E

#3A3E3B #424A43 #4B574A #566350 #627056 #707C5A #82895E

#3A3E3B - #566350 - #82895E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3E3B 0%, #566350 50%, #82895E 100%);
    background: -webkit-linear-gradient(top, #3A3E3B 0%, #566350 50%, #82895E 100%);
    background: linear-gradient(to bottom, #3A3E3B 0%, #566350 50%, #82895E 100%);
}
</style>