#74AD3C - #36730C | 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 #74AD3C to #36730C

#74AD3C #36730C

Calculate the color between two colors, #74AD3C and #36730C. 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)

#74AD3C - #36730C | 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 #74AD3C as 0% and #36730C as 100%.

0.0%	0.0% #74AD3C	RGB 116 173 60	#74AD3C
16.7%	16.7% #69A334	RGB 105 163 52	#69A334
33.3%	33.3% #5F992C	RGB 95 153 44	#5F992C
50.0%	50.0% #559024	RGB 85 144 36	#559024
66.7%	66.7% #4A861C	RGB 74 134 28	#4A861C
83.3%	83.3% #407C14	RGB 64 124 20	#407C14
100.0%	100.0% #36730C	RGB 54 115 12	#36730C

#74AD3C #69A334 #5F992C #559024 #4A861C #407C14 #36730C

#74AD3C - #36730C

HSV Blend

#74AD3C - #36730C | 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 #74AD3C as 0% and #36730C as 100%.

0.0%	0.0% #74AD3C	RGB 116 173 60	#74AD3C
16.7%	16.7% #68A332	RGB 104 163 50	#68A332
33.3%	33.3% #5D9928	RGB 93 153 40	#5D9928
50.0%	50.0% #529020	RGB 82 144 32	#529020
66.7%	66.7% #488618	RGB 72 134 24	#488618
83.3%	83.3% #3F7C12	RGB 63 124 18	#3F7C12
100.0%	100.0% #36730C	RGB 54 115 12	#36730C

#74AD3C #68A332 #5D9928 #529020 #488618 #3F7C12 #36730C

#74AD3C - #529020 - #36730C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74AD3C 0%, #529020 50%, #36730C 100%);
    background: -webkit-linear-gradient(top, #74AD3C 0%, #529020 50%, #36730C 100%);
    background: linear-gradient(to bottom, #74AD3C 0%, #529020 50%, #36730C 100%);
}
</style>