#204D1C - #45AF3E | 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 #204D1C to #45AF3E

#204D1C #45AF3E

Calculate the color between two colors, #204D1C and #45AF3E. 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)

#204D1C - #45AF3E | 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 #204D1C as 0% and #45AF3E as 100%.

0.0%	0.0% #204D1C	RGB 32 77 28	#204D1C
16.7%	16.7% #265D21	RGB 38 93 33	#265D21
33.3%	33.3% #2C6D27	RGB 44 109 39	#2C6D27
50.0%	50.0% #327E2D	RGB 50 126 45	#327E2D
66.7%	66.7% #388E32	RGB 56 142 50	#388E32
83.3%	83.3% #3E9E38	RGB 62 158 56	#3E9E38
100.0%	100.0% #45AF3E	RGB 69 175 62	#45AF3E

#204D1C #265D21 #2C6D27 #327E2D #388E32 #3E9E38 #45AF3E

#204D1C - #45AF3E

HSV Blend

#204D1C - #45AF3E | 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 #204D1C as 0% and #45AF3E as 100%.

0.0%	0.0% #204D1C	RGB 32 77 28	#204D1C
16.7%	16.7% #265D21	RGB 38 93 33	#265D21
33.3%	33.3% #2C6D27	RGB 44 109 39	#2C6D27
50.0%	50.0% #337E2D	RGB 51 126 45	#337E2D
66.7%	66.7% #398E32	RGB 57 142 50	#398E32
83.3%	83.3% #3F9E38	RGB 63 158 56	#3F9E38
100.0%	100.0% #45AF3E	RGB 69 175 62	#45AF3E

#204D1C #265D21 #2C6D27 #337E2D #398E32 #3F9E38 #45AF3E

#204D1C - #337E2D - #45AF3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #204D1C 0%, #337E2D 50%, #45AF3E 100%);
    background: -webkit-linear-gradient(top, #204D1C 0%, #337E2D 50%, #45AF3E 100%);
    background: linear-gradient(to bottom, #204D1C 0%, #337E2D 50%, #45AF3E 100%);
}
</style>