#6F7E2B - #1F240C | 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 #6F7E2B to #1F240C

#6F7E2B #1F240C

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

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

0.0%	0.0% #6F7E2B	RGB 111 126 43	#6F7E2B
16.7%	16.7% #616F25	RGB 97 111 37	#616F25
33.3%	33.3% #546020	RGB 84 96 32	#546020
50.0%	50.0% #47511B	RGB 71 81 27	#47511B
66.7%	66.7% #394216	RGB 57 66 22	#394216
83.3%	83.3% #2C3311	RGB 44 51 17	#2C3311
100.0%	100.0% #1F240C	RGB 31 36 12	#1F240C

#6F7E2B #616F25 #546020 #47511B #394216 #2C3311 #1F240C

#6F7E2B - #1F240C

HSV Blend

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

0.0%	0.0% #6F7E2B	RGB 111 126 43	#6F7E2B
16.7%	16.7% #616F25	RGB 97 111 37	#616F25
33.3%	33.3% #536020	RGB 83 96 32	#536020
50.0%	50.0% #46511B	RGB 70 81 27	#46511B
66.7%	66.7% #394216	RGB 57 66 22	#394216
83.3%	83.3% #2C3311	RGB 44 51 17	#2C3311
100.0%	100.0% #1F240C	RGB 31 36 12	#1F240C

#6F7E2B #616F25 #536020 #46511B #394216 #2C3311 #1F240C

#6F7E2B - #46511B - #1F240C

CSS codes

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

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