#3CAC56 - #006A2B | 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 #3CAC56 to #006A2B

#3CAC56 #006A2B

Calculate the color between two colors, #3CAC56 and #006A2B. 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)

#3CAC56 - #006A2B | 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 #3CAC56 as 0% and #006A2B as 100%.

0.0%	0.0% #3CAC56	RGB 60 172 86	#3CAC56
16.7%	16.7% #32A14E	RGB 50 161 78	#32A14E
33.3%	33.3% #289647	RGB 40 150 71	#289647
50.0%	50.0% #1E8B40	RGB 30 139 64	#1E8B40
66.7%	66.7% #148039	RGB 20 128 57	#148039
83.3%	83.3% #0A7532	RGB 10 117 50	#0A7532
100.0%	100.0% #006A2B	RGB 0 106 43	#006A2B

#3CAC56 #32A14E #289647 #1E8B40 #148039 #0A7532 #006A2B

#3CAC56 - #006A2B

HSV Blend

#3CAC56 - #006A2B | 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 #3CAC56 as 0% and #006A2B as 100%.

0.0%	0.0% #3CAC56	RGB 60 172 86	#3CAC56
16.7%	16.7% #2EA14C	RGB 46 161 76	#2EA14C
33.3%	33.3% #229644	RGB 34 150 68	#229644
50.0%	50.0% #188B3C	RGB 24 139 60	#188B3C
66.7%	66.7% #0E8036	RGB 14 128 54	#0E8036
83.3%	83.3% #067530	RGB 6 117 48	#067530
100.0%	100.0% #006A2B	RGB 0 106 43	#006A2B

#3CAC56 #2EA14C #229644 #188B3C #0E8036 #067530 #006A2B

#3CAC56 - #188B3C - #006A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CAC56 0%, #188B3C 50%, #006A2B 100%);
    background: -webkit-linear-gradient(top, #3CAC56 0%, #188B3C 50%, #006A2B 100%);
    background: linear-gradient(to bottom, #3CAC56 0%, #188B3C 50%, #006A2B 100%);
}
</style>