#3EAD3E - #127C0D | 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 #3EAD3E to #127C0D

#3EAD3E #127C0D

Calculate the color between two colors, #3EAD3E and #127C0D. 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)

#3EAD3E - #127C0D | 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 #3EAD3E as 0% and #127C0D as 100%.

0.0%	0.0% #3EAD3E	RGB 62 173 62	#3EAD3E
16.7%	16.7% #36A435	RGB 54 164 53	#36A435
33.3%	33.3% #2F9C2D	RGB 47 156 45	#2F9C2D
50.0%	50.0% #289425	RGB 40 148 37	#289425
66.7%	66.7% #208C1D	RGB 32 140 29	#208C1D
83.3%	83.3% #198415	RGB 25 132 21	#198415
100.0%	100.0% #127C0D	RGB 18 124 13	#127C0D

#3EAD3E #36A435 #2F9C2D #289425 #208C1D #198415 #127C0D

#3EAD3E - #127C0D

HSV Blend

#3EAD3E - #127C0D | 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 #3EAD3E as 0% and #127C0D as 100%.

0.0%	0.0% #3EAD3E	RGB 62 173 62	#3EAD3E
16.7%	16.7% #34A434	RGB 52 164 52	#34A434
33.3%	33.3% #2C9C2A	RGB 44 156 42	#2C9C2A
50.0%	50.0% #249422	RGB 36 148 34	#249422
66.7%	66.7% #1D8C1A	RGB 29 140 26	#1D8C1A
83.3%	83.3% #178413	RGB 23 132 19	#178413
100.0%	100.0% #127C0D	RGB 18 124 13	#127C0D

#3EAD3E #34A434 #2C9C2A #249422 #1D8C1A #178413 #127C0D

#3EAD3E - #249422 - #127C0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EAD3E 0%, #249422 50%, #127C0D 100%);
    background: -webkit-linear-gradient(top, #3EAD3E 0%, #249422 50%, #127C0D 100%);
    background: linear-gradient(to bottom, #3EAD3E 0%, #249422 50%, #127C0D 100%);
}
</style>