#3A8D2D - #145A06 | 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 #3A8D2D to #145A06

#3A8D2D #145A06

Calculate the color between two colors, #3A8D2D and #145A06. 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)

#3A8D2D - #145A06 | 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 #3A8D2D as 0% and #145A06 as 100%.

0.0%	0.0% #3A8D2D	RGB 58 141 45	#3A8D2D
16.7%	16.7% #338426	RGB 51 132 38	#338426
33.3%	33.3% #2D7C20	RGB 45 124 32	#2D7C20
50.0%	50.0% #277319	RGB 39 115 25	#277319
66.7%	66.7% #206B13	RGB 32 107 19	#206B13
83.3%	83.3% #1A620C	RGB 26 98 12	#1A620C
100.0%	100.0% #145A06	RGB 20 90 6	#145A06

#3A8D2D #338426 #2D7C20 #277319 #206B13 #1A620C #145A06

#3A8D2D - #145A06

HSV Blend

#3A8D2D - #145A06 | 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 #3A8D2D as 0% and #145A06 as 100%.

0.0%	0.0% #3A8D2D	RGB 58 141 45	#3A8D2D
16.7%	16.7% #328424	RGB 50 132 36	#328424
33.3%	33.3% #2A7C1D	RGB 42 124 29	#2A7C1D
50.0%	50.0% #247316	RGB 36 115 22	#247316
66.7%	66.7% #1E6B10	RGB 30 107 16	#1E6B10
83.3%	83.3% #18620A	RGB 24 98 10	#18620A
100.0%	100.0% #145A06	RGB 20 90 6	#145A06

#3A8D2D #328424 #2A7C1D #247316 #1E6B10 #18620A #145A06

#3A8D2D - #247316 - #145A06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8D2D 0%, #247316 50%, #145A06 100%);
    background: -webkit-linear-gradient(top, #3A8D2D 0%, #247316 50%, #145A06 100%);
    background: linear-gradient(to bottom, #3A8D2D 0%, #247316 50%, #145A06 100%);
}
</style>