#6F8045 - #4A570A | 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 #6F8045 to #4A570A

#6F8045 #4A570A

Calculate the color between two colors, #6F8045 and #4A570A. 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)

#6F8045 - #4A570A | 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 #6F8045 as 0% and #4A570A as 100%.

0.0%	0.0% #6F8045	RGB 111 128 69	#6F8045
16.7%	16.7% #68793B	RGB 104 121 59	#68793B
33.3%	33.3% #627231	RGB 98 114 49	#627231
50.0%	50.0% #5C6B27	RGB 92 107 39	#5C6B27
66.7%	66.7% #56641D	RGB 86 100 29	#56641D
83.3%	83.3% #505D13	RGB 80 93 19	#505D13
100.0%	100.0% #4A570A	RGB 74 87 10	#4A570A

#6F8045 #68793B #627231 #5C6B27 #56641D #505D13 #4A570A

#6F8045 - #4A570A

HSV Blend

#6F8045 - #4A570A | 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 #6F8045 as 0% and #4A570A as 100%.

0.0%	0.0% #6F8045	RGB 111 128 69	#6F8045
16.7%	16.7% #677938	RGB 103 121 56	#677938
33.3%	33.3% #61722D	RGB 97 114 45	#61722D
50.0%	50.0% #5A6B23	RGB 90 107 35	#5A6B23
66.7%	66.7% #556419	RGB 85 100 25	#556419
83.3%	83.3% #4F5D11	RGB 79 93 17	#4F5D11
100.0%	100.0% #4A570A	RGB 74 87 10	#4A570A

#6F8045 #677938 #61722D #5A6B23 #556419 #4F5D11 #4A570A

#6F8045 - #5A6B23 - #4A570A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F8045 0%, #5A6B23 50%, #4A570A 100%);
    background: -webkit-linear-gradient(top, #6F8045 0%, #5A6B23 50%, #4A570A 100%);
    background: linear-gradient(to bottom, #6F8045 0%, #5A6B23 50%, #4A570A 100%);
}
</style>