#646E5E - #2B4912 | 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 #646E5E to #2B4912

#646E5E #2B4912

Calculate the color between two colors, #646E5E and #2B4912. 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)

#646E5E - #2B4912 | 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 #646E5E as 0% and #2B4912 as 100%.

0.0%	0.0% #646E5E	RGB 100 110 94	#646E5E
16.7%	16.7% #5A6751	RGB 90 103 81	#5A6751
33.3%	33.3% #516144	RGB 81 97 68	#516144
50.0%	50.0% #475B38	RGB 71 91 56	#475B38
66.7%	66.7% #3E552B	RGB 62 85 43	#3E552B
83.3%	83.3% #344F1E	RGB 52 79 30	#344F1E
100.0%	100.0% #2B4912	RGB 43 73 18	#2B4912

#646E5E #5A6751 #516144 #475B38 #3E552B #344F1E #2B4912

#646E5E - #2B4912

HSV Blend

#646E5E - #2B4912 | 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 #646E5E as 0% and #2B4912 as 100%.

0.0%	0.0% #646E5E	RGB 100 110 94	#646E5E
16.7%	16.7% #58674E	RGB 88 103 78	#58674E
33.3%	33.3% #4D613F	RGB 77 97 63	#4D613F
50.0%	50.0% #435B32	RGB 67 91 50	#435B32
66.7%	66.7% #3A5526	RGB 58 85 38	#3A5526
83.3%	83.3% #324F1B	RGB 50 79 27	#324F1B
100.0%	100.0% #2B4912	RGB 43 73 18	#2B4912

#646E5E #58674E #4D613F #435B32 #3A5526 #324F1B #2B4912

#646E5E - #435B32 - #2B4912

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #646E5E 0%, #435B32 50%, #2B4912 100%);
    background: -webkit-linear-gradient(top, #646E5E 0%, #435B32 50%, #2B4912 100%);
    background: linear-gradient(to bottom, #646E5E 0%, #435B32 50%, #2B4912 100%);
}
</style>