#8D9E5E - #214613 | 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 #8D9E5E to #214613

#8D9E5E #214613

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

#8D9E5E - #214613 | 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 #8D9E5E as 0% and #214613 as 100%.

0.0%	0.0% #8D9E5E	RGB 141 158 94	#8D9E5E
16.7%	16.7% #7B8F51	RGB 123 143 81	#7B8F51
33.3%	33.3% #698045	RGB 105 128 69	#698045
50.0%	50.0% #577238	RGB 87 114 56	#577238
66.7%	66.7% #45632C	RGB 69 99 44	#45632C
83.3%	83.3% #33541F	RGB 51 84 31	#33541F
100.0%	100.0% #214613	RGB 33 70 19	#214613

#8D9E5E #7B8F51 #698045 #577238 #45632C #33541F #214613

#8D9E5E - #214613

HSV Blend

#8D9E5E - #214613 | 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 #8D9E5E as 0% and #214613 as 100%.

0.0%	0.0% #8D9E5E	RGB 141 158 94	#8D9E5E
16.7%	16.7% #788F4D	RGB 120 143 77	#788F4D
33.3%	33.3% #65803E	RGB 101 128 62	#65803E
50.0%	50.0% #517231	RGB 81 114 49	#517231
66.7%	66.7% #406325	RGB 64 99 37	#406325
83.3%	83.3% #2F541B	RGB 47 84 27	#2F541B
100.0%	100.0% #214613	RGB 33 70 19	#214613

#8D9E5E #788F4D #65803E #517231 #406325 #2F541B #214613

#8D9E5E - #517231 - #214613

CSS codes

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

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