#666B5E - #3A4712 | 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 #666B5E to #3A4712

#666B5E #3A4712

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

#666B5E - #3A4712 | 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 #666B5E as 0% and #3A4712 as 100%.

0.0%	0.0% #666B5E	RGB 102 107 94	#666B5E
16.7%	16.7% #5E6551	RGB 94 101 81	#5E6551
33.3%	33.3% #575F44	RGB 87 95 68	#575F44
50.0%	50.0% #505938	RGB 80 89 56	#505938
66.7%	66.7% #48532B	RGB 72 83 43	#48532B
83.3%	83.3% #414D1E	RGB 65 77 30	#414D1E
100.0%	100.0% #3A4712	RGB 58 71 18	#3A4712

#666B5E #5E6551 #575F44 #505938 #48532B #414D1E #3A4712

#666B5E - #3A4712

HSV Blend

#666B5E - #3A4712 | 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 #666B5E as 0% and #3A4712 as 100%.

0.0%	0.0% #666B5E	RGB 102 107 94	#666B5E
16.7%	16.7% #5C654E	RGB 92 101 78	#5C654E
33.3%	33.3% #545F3F	RGB 84 95 63	#545F3F
50.0%	50.0% #4C5932	RGB 76 89 50	#4C5932
66.7%	66.7% #455326	RGB 69 83 38	#455326
83.3%	83.3% #3F4D1B	RGB 63 77 27	#3F4D1B
100.0%	100.0% #3A4712	RGB 58 71 18	#3A4712

#666B5E #5C654E #545F3F #4C5932 #455326 #3F4D1B #3A4712

#666B5E - #4C5932 - #3A4712

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #666B5E 0%, #4C5932 50%, #3A4712 100%);
    background: -webkit-linear-gradient(top, #666B5E 0%, #4C5932 50%, #3A4712 100%);
    background: linear-gradient(to bottom, #666B5E 0%, #4C5932 50%, #3A4712 100%);
}
</style>