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

#4D904D #1B670E

Calculate the color between two colors, #4D904D 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)

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

0.0%	0.0% #4D904D	RGB 77 144 77	#4D904D
16.7%	16.7% #448942	RGB 68 137 66	#448942
33.3%	33.3% #3C8238	RGB 60 130 56	#3C8238
50.0%	50.0% #347B2D	RGB 52 123 45	#347B2D
66.7%	66.7% #2B7423	RGB 43 116 35	#2B7423
83.3%	83.3% #236D18	RGB 35 109 24	#236D18
100.0%	100.0% #1B670E	RGB 27 103 14	#1B670E

#4D904D #448942 #3C8238 #347B2D #2B7423 #236D18 #1B670E

#4D904D - #1B670E

HSV Blend

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

0.0%	0.0% #4D904D	RGB 77 144 77	#4D904D
16.7%	16.7% #428940	RGB 66 137 64	#428940
33.3%	33.3% #388234	RGB 56 130 52	#388234
50.0%	50.0% #2F7B29	RGB 47 123 41	#2F7B29
66.7%	66.7% #27741F	RGB 39 116 31	#27741F
83.3%	83.3% #206D16	RGB 32 109 22	#206D16
100.0%	100.0% #1B670E	RGB 27 103 14	#1B670E

#4D904D #428940 #388234 #2F7B29 #27741F #206D16 #1B670E

#4D904D - #2F7B29 - #1B670E

CSS codes

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

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