#6B7C5E - #2B4D14 | 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 #6B7C5E to #2B4D14

#6B7C5E #2B4D14

Calculate the color between two colors, #6B7C5E and #2B4D14. 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)

#6B7C5E - #2B4D14 | 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 #6B7C5E as 0% and #2B4D14 as 100%.

0.0%	0.0% #6B7C5E	RGB 107 124 94	#6B7C5E
16.7%	16.7% #607451	RGB 96 116 81	#607451
33.3%	33.3% #556C45	RGB 85 108 69	#556C45
50.0%	50.0% #4B6439	RGB 75 100 57	#4B6439
66.7%	66.7% #405C2C	RGB 64 92 44	#405C2C
83.3%	83.3% #355420	RGB 53 84 32	#355420
100.0%	100.0% #2B4D14	RGB 43 77 20	#2B4D14

#6B7C5E #607451 #556C45 #4B6439 #405C2C #355420 #2B4D14

#6B7C5E - #2B4D14

HSV Blend

#6B7C5E - #2B4D14 | 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 #6B7C5E as 0% and #2B4D14 as 100%.

0.0%	0.0% #6B7C5E	RGB 107 124 94	#6B7C5E
16.7%	16.7% #5E744E	RGB 94 116 78	#5E744E
33.3%	33.3% #526C40	RGB 82 108 64	#526C40
50.0%	50.0% #476433	RGB 71 100 51	#476433
66.7%	66.7% #3D5C27	RGB 61 92 39	#3D5C27
83.3%	83.3% #33541D	RGB 51 84 29	#33541D
100.0%	100.0% #2B4D14	RGB 43 77 20	#2B4D14

#6B7C5E #5E744E #526C40 #476433 #3D5C27 #33541D #2B4D14

#6B7C5E - #476433 - #2B4D14

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B7C5E 0%, #476433 50%, #2B4D14 100%);
    background: -webkit-linear-gradient(top, #6B7C5E 0%, #476433 50%, #2B4D14 100%);
    background: linear-gradient(to bottom, #6B7C5E 0%, #476433 50%, #2B4D14 100%);
}
</style>