#204D14 - #8D9C5B | 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 #204D14 to #8D9C5B

#204D14 #8D9C5B

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

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

0.0%	0.0% #204D14	RGB 32 77 20	#204D14
16.7%	16.7% #325A1F	RGB 50 90 31	#325A1F
33.3%	33.3% #44672B	RGB 68 103 43	#44672B
50.0%	50.0% #567437	RGB 86 116 55	#567437
66.7%	66.7% #688143	RGB 104 129 67	#688143
83.3%	83.3% #7A8E4F	RGB 122 142 79	#7A8E4F
100.0%	100.0% #8D9C5B	RGB 141 156 91	#8D9C5B

#204D14 #325A1F #44672B #567437 #688143 #7A8E4F #8D9C5B

#204D14 - #8D9C5B

HSV Blend

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

0.0%	0.0% #204D13	RGB 32 77 19	#204D13
16.7%	16.7% #2F5A1C	RGB 47 90 28	#2F5A1C
33.3%	33.3% #3F6725	RGB 63 103 37	#3F6725
50.0%	50.0% #527431	RGB 82 116 49	#527431
66.7%	66.7% #65813D	RGB 101 129 61	#65813D
83.3%	83.3% #798E4B	RGB 121 142 75	#798E4B
100.0%	100.0% #8D9C5B	RGB 141 156 91	#8D9C5B

#204D13 #2F5A1C #3F6725 #527431 #65813D #798E4B #8D9C5B

#204D14 - #527431 - #8D9C5B

CSS codes

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

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