#858884 - #3E5D2D | 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 #858884 to #3E5D2D

#858884 #3E5D2D

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

#858884 - #3E5D2D | 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 #858884 as 0% and #3E5D2D as 100%.

0.0%	0.0% #858884	RGB 133 136 132	#858884
16.7%	16.7% #798075	RGB 121 128 117	#798075
33.3%	33.3% #6D7967	RGB 109 121 103	#6D7967
50.0%	50.0% #617258	RGB 97 114 88	#617258
66.7%	66.7% #556B4A	RGB 85 107 74	#556B4A
83.3%	83.3% #49643B	RGB 73 100 59	#49643B
100.0%	100.0% #3E5D2D	RGB 62 93 45	#3E5D2D

#858884 #798075 #6D7967 #617258 #556B4A #49643B #3E5D2D

#858884 - #3E5D2D

HSV Blend

#858884 - #3E5D2D | 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 #858884 as 0% and #3E5D2D as 100%.

0.0%	0.0% #858884	RGB 133 136 132	#858884
16.7%	16.7% #768072	RGB 118 128 114	#768072
33.3%	33.3% #687962	RGB 104 121 98	#687962
50.0%	50.0% #5C7253	RGB 92 114 83	#5C7253
66.7%	66.7% #516B45	RGB 81 107 69	#516B45
83.3%	83.3% #476438	RGB 71 100 56	#476438
100.0%	100.0% #3E5D2D	RGB 62 93 45	#3E5D2D

#858884 #768072 #687962 #5C7253 #516B45 #476438 #3E5D2D

#858884 - #5C7253 - #3E5D2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #858884 0%, #5C7253 50%, #3E5D2D 100%);
    background: -webkit-linear-gradient(top, #858884 0%, #5C7253 50%, #3E5D2D 100%);
    background: linear-gradient(to bottom, #858884 0%, #5C7253 50%, #3E5D2D 100%);
}
</style>