#214D14 - #8D9C44 | 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 #214D14 to #8D9C44

#214D14 #8D9C44

Calculate the color between two colors, #214D14 and #8D9C44. 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)

#214D14 - #8D9C44 | 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 #214D14 as 0% and #8D9C44 as 100%.

0.0%	0.0% #214D14	RGB 33 77 20	#214D14
16.7%	16.7% #335A1C	RGB 51 90 28	#335A1C
33.3%	33.3% #456724	RGB 69 103 36	#456724
50.0%	50.0% #57742C	RGB 87 116 44	#57742C
66.7%	66.7% #698134	RGB 105 129 52	#698134
83.3%	83.3% #7B8E3C	RGB 123 142 60	#7B8E3C
100.0%	100.0% #8D9C44	RGB 141 156 68	#8D9C44

#214D14 #335A1C #456724 #57742C #698134 #7B8E3C #8D9C44

#214D14 - #8D9C44

HSV Blend

#214D14 - #8D9C44 | 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 #214D14 as 0% and #8D9C44 as 100%.

0.0%	0.0% #204D13	RGB 32 77 19	#204D13
16.7%	16.7% #2F5A1A	RGB 47 90 26	#2F5A1A
33.3%	33.3% #3F6720	RGB 63 103 32	#3F6720
50.0%	50.0% #507428	RGB 80 116 40	#507428
66.7%	66.7% #638130	RGB 99 129 48	#638130
83.3%	83.3% #778E3A	RGB 119 142 58	#778E3A
100.0%	100.0% #8D9C44	RGB 141 156 68	#8D9C44

#204D13 #2F5A1A #3F6720 #507428 #638130 #778E3A #8D9C44

#214D14 - #507428 - #8D9C44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #204D13 0%, #507428 50%, #8D9C44 100%);
    background: -webkit-linear-gradient(top, #204D13 0%, #507428 50%, #8D9C44 100%);
    background: linear-gradient(to bottom, #204D13 0%, #507428 50%, #8D9C44 100%);
}
</style>