#3E5532 - #828384 | 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 #3E5532 to #828384

#3E5532 #828384

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

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

0.0%	0.0% #3E5532	RGB 62 85 50	#3E5532
16.7%	16.7% #495C3F	RGB 73 92 63	#495C3F
33.3%	33.3% #54644D	RGB 84 100 77	#54644D
50.0%	50.0% #606C5B	RGB 96 108 91	#606C5B
66.7%	66.7% #6B7368	RGB 107 115 104	#6B7368
83.3%	83.3% #767B76	RGB 118 123 118	#767B76
100.0%	100.0% #828384	RGB 130 131 132	#828384

#3E5532 #495C3F #54644D #606C5B #6B7368 #767B76 #828384

#3E5532 - #828384

HSV Blend

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

0.0%	0.0% #3E5532	RGB 62 85 50	#3E5532
16.7%	16.7% #3D5C3C	RGB 61 92 60	#3D5C3C
33.3%	33.3% #486450	RGB 72 100 80	#486450
50.0%	50.0% #556C62	RGB 85 108 98	#556C62
66.7%	66.7% #637472	RGB 99 116 114	#637472
83.3%	83.3% #727A7C	RGB 114 122 124	#727A7C
100.0%	100.0% #828384	RGB 130 131 132	#828384

#3E5532 #3D5C3C #486450 #556C62 #637472 #727A7C #828384

#3E5532 - #556C62 - #828384

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5532 0%, #556C62 50%, #828384 100%);
    background: -webkit-linear-gradient(top, #3E5532 0%, #556C62 50%, #828384 100%);
    background: linear-gradient(to bottom, #3E5532 0%, #556C62 50%, #828384 100%);
}
</style>