#838382 - #5E4F2C | 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 #838382 to #5E4F2C

#838382 #5E4F2C

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

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

0.0%	0.0% #838382	RGB 131 131 130	#838382
16.7%	16.7% #7C7A73	RGB 124 122 115	#7C7A73
33.3%	33.3% #767165	RGB 118 113 101	#767165
50.0%	50.0% #706957	RGB 112 105 87	#706957
66.7%	66.7% #6A6048	RGB 106 96 72	#6A6048
83.3%	83.3% #64573A	RGB 100 87 58	#64573A
100.0%	100.0% #5E4F2C	RGB 94 79 44	#5E4F2C

#838382 #7C7A73 #767165 #706957 #6A6048 #64573A #5E4F2C

#838382 - #5E4F2C

HSV Blend

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

0.0%	0.0% #838382	RGB 131 131 130	#838382
16.7%	16.7% #7C7C70	RGB 124 124 112	#7C7C70
33.3%	33.3% #767461	RGB 118 116 97	#767461
50.0%	50.0% #706B52	RGB 112 107 82	#706B52
66.7%	66.7% #6A6244	RGB 106 98 68	#6A6244
83.3%	83.3% #645937	RGB 100 89 55	#645937
100.0%	100.0% #5E4F2C	RGB 94 79 44	#5E4F2C

#838382 #7C7C70 #767461 #706B52 #6A6244 #645937 #5E4F2C

#838382 - #706B52 - #5E4F2C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838382 0%, #706B52 50%, #5E4F2C 100%);
    background: -webkit-linear-gradient(top, #838382 0%, #706B52 50%, #5E4F2C 100%);
    background: linear-gradient(to bottom, #838382 0%, #706B52 50%, #5E4F2C 100%);
}
</style>