#6D804C - #1F2415 | 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 #6D804C to #1F2415

#6D804C #1F2415

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

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

0.0%	0.0% #6D804C	RGB 109 128 76	#6D804C
16.7%	16.7% #607042	RGB 96 112 66	#607042
33.3%	33.3% #536139	RGB 83 97 57	#536139
50.0%	50.0% #465230	RGB 70 82 48	#465230
66.7%	66.7% #394227	RGB 57 66 39	#394227
83.3%	83.3% #2C331E	RGB 44 51 30	#2C331E
100.0%	100.0% #1F2415	RGB 31 36 21	#1F2415

#6D804C #607042 #536139 #465230 #394227 #2C331E #1F2415

#6D804C - #1F2415

HSV Blend

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

0.0%	0.0% #6D804C	RGB 109 128 76	#6D804C
16.7%	16.7% #607042	RGB 96 112 66	#607042
33.3%	33.3% #536139	RGB 83 97 57	#536139
50.0%	50.0% #465230	RGB 70 82 48	#465230
66.7%	66.7% #394227	RGB 57 66 39	#394227
83.3%	83.3% #2C331E	RGB 44 51 30	#2C331E
100.0%	100.0% #1F2415	RGB 31 36 21	#1F2415

#6D804C #607042 #536139 #465230 #394227 #2C331E #1F2415

#6D804C - #465230 - #1F2415

CSS codes

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

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