#667C5E - #2B5514 | 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 #667C5E to #2B5514

#667C5E #2B5514

Calculate the color between two colors, #667C5E and #2B5514. 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)

#667C5E - #2B5514 | 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 #667C5E as 0% and #2B5514 as 100%.

0.0%	0.0% #667C5E	RGB 102 124 94	#667C5E
16.7%	16.7% #5C7551	RGB 92 117 81	#5C7551
33.3%	33.3% #526F45	RGB 82 111 69	#526F45
50.0%	50.0% #486839	RGB 72 104 57	#486839
66.7%	66.7% #3E622C	RGB 62 98 44	#3E622C
83.3%	83.3% #345B20	RGB 52 91 32	#345B20
100.0%	100.0% #2B5514	RGB 43 85 20	#2B5514

#667C5E #5C7551 #526F45 #486839 #3E622C #345B20 #2B5514

#667C5E - #2B5514

HSV Blend

#667C5E - #2B5514 | 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 #667C5E as 0% and #2B5514 as 100%.

0.0%	0.0% #667C5E	RGB 102 124 94	#667C5E
16.7%	16.7% #59754E	RGB 89 117 78	#59754E
33.3%	33.3% #4E6F40	RGB 78 111 64	#4E6F40
50.0%	50.0% #446833	RGB 68 104 51	#446833
66.7%	66.7% #3A6228	RGB 58 98 40	#3A6228
83.3%	83.3% #325B1D	RGB 50 91 29	#325B1D
100.0%	100.0% #2B5514	RGB 43 85 20	#2B5514

#667C5E #59754E #4E6F40 #446833 #3A6228 #325B1D #2B5514

#667C5E - #446833 - #2B5514

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #667C5E 0%, #446833 50%, #2B5514 100%);
    background: -webkit-linear-gradient(top, #667C5E 0%, #446833 50%, #2B5514 100%);
    background: linear-gradient(to bottom, #667C5E 0%, #446833 50%, #2B5514 100%);
}
</style>