#3EAC3E - #127B0D | 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 #3EAC3E to #127B0D

#3EAC3E #127B0D

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

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

0.0%	0.0% #3EAC3E	RGB 62 172 62	#3EAC3E
16.7%	16.7% #36A335	RGB 54 163 53	#36A335
33.3%	33.3% #2F9B2D	RGB 47 155 45	#2F9B2D
50.0%	50.0% #289325	RGB 40 147 37	#289325
66.7%	66.7% #208B1D	RGB 32 139 29	#208B1D
83.3%	83.3% #198315	RGB 25 131 21	#198315
100.0%	100.0% #127B0D	RGB 18 123 13	#127B0D

#3EAC3E #36A335 #2F9B2D #289325 #208B1D #198315 #127B0D

#3EAC3E - #127B0D

HSV Blend

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

0.0%	0.0% #3EAC3E	RGB 62 172 62	#3EAC3E
16.7%	16.7% #34A334	RGB 52 163 52	#34A334
33.3%	33.3% #2C9B2A	RGB 44 155 42	#2C9B2A
50.0%	50.0% #249322	RGB 36 147 34	#249322
66.7%	66.7% #1D8B1A	RGB 29 139 26	#1D8B1A
83.3%	83.3% #178313	RGB 23 131 19	#178313
100.0%	100.0% #127B0D	RGB 18 123 13	#127B0D

#3EAC3E #34A334 #2C9B2A #249322 #1D8B1A #178313 #127B0D

#3EAC3E - #249322 - #127B0D

CSS codes

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

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