#4D914D - #1B670E | 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 #4D914D to #1B670E

#4D914D #1B670E

Calculate the color between two colors, #4D914D and #1B670E. 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)

#4D914D - #1B670E | 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 #4D914D as 0% and #1B670E as 100%.

0.0%	0.0% #4D914D	RGB 77 145 77	#4D914D
16.7%	16.7% #448A42	RGB 68 138 66	#448A42
33.3%	33.3% #3C8338	RGB 60 131 56	#3C8338
50.0%	50.0% #347C2D	RGB 52 124 45	#347C2D
66.7%	66.7% #2B7523	RGB 43 117 35	#2B7523
83.3%	83.3% #236E18	RGB 35 110 24	#236E18
100.0%	100.0% #1B670E	RGB 27 103 14	#1B670E

#4D914D #448A42 #3C8338 #347C2D #2B7523 #236E18 #1B670E

#4D914D - #1B670E

HSV Blend

#4D914D - #1B670E | 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 #4D914D as 0% and #1B670E as 100%.

0.0%	0.0% #4D914D	RGB 77 145 77	#4D914D
16.7%	16.7% #418A40	RGB 65 138 64	#418A40
33.3%	33.3% #388334	RGB 56 131 52	#388334
50.0%	50.0% #2F7C29	RGB 47 124 41	#2F7C29
66.7%	66.7% #27751F	RGB 39 117 31	#27751F
83.3%	83.3% #206E16	RGB 32 110 22	#206E16
100.0%	100.0% #1B670E	RGB 27 103 14	#1B670E

#4D914D #418A40 #388334 #2F7C29 #27751F #206E16 #1B670E

#4D914D - #2F7C29 - #1B670E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D914D 0%, #2F7C29 50%, #1B670E 100%);
    background: -webkit-linear-gradient(top, #4D914D 0%, #2F7C29 50%, #1B670E 100%);
    background: linear-gradient(to bottom, #4D914D 0%, #2F7C29 50%, #1B670E 100%);
}
</style>