#6D9F62 - #1F2D1C | 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 #6D9F62 to #1F2D1C

#6D9F62 #1F2D1C

Calculate the color between two colors, #6D9F62 and #1F2D1C. 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)

#6D9F62 - #1F2D1C | 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 #6D9F62 as 0% and #1F2D1C as 100%.

0.0%	0.0% #6D9F62	RGB 109 159 98	#6D9F62
16.7%	16.7% #608C56	RGB 96 140 86	#608C56
33.3%	33.3% #53794A	RGB 83 121 74	#53794A
50.0%	50.0% #46663F	RGB 70 102 63	#46663F
66.7%	66.7% #395333	RGB 57 83 51	#395333
83.3%	83.3% #2C4027	RGB 44 64 39	#2C4027
100.0%	100.0% #1F2D1C	RGB 31 45 28	#1F2D1C

#6D9F62 #608C56 #53794A #46663F #395333 #2C4027 #1F2D1C

#6D9F62 - #1F2D1C

HSV Blend

#6D9F62 - #1F2D1C | 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 #6D9F62 as 0% and #1F2D1C as 100%.

0.0%	0.0% #6D9F62	RGB 109 159 98	#6D9F62
16.7%	16.7% #608C56	RGB 96 140 86	#608C56
33.3%	33.3% #53794A	RGB 83 121 74	#53794A
50.0%	50.0% #46663F	RGB 70 102 63	#46663F
66.7%	66.7% #395333	RGB 57 83 51	#395333
83.3%	83.3% #2C4027	RGB 44 64 39	#2C4027
100.0%	100.0% #1F2D1C	RGB 31 45 28	#1F2D1C

#6D9F62 #608C56 #53794A #46663F #395333 #2C4027 #1F2D1C

#6D9F62 - #46663F - #1F2D1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9F62 0%, #46663F 50%, #1F2D1C 100%);
    background: -webkit-linear-gradient(top, #6D9F62 0%, #46663F 50%, #1F2D1C 100%);
    background: linear-gradient(to bottom, #6D9F62 0%, #46663F 50%, #1F2D1C 100%);
}
</style>