#3A8A2B - #10270C | 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 #3A8A2B to #10270C

#3A8A2B #10270C

Calculate the color between two colors, #3A8A2B and #10270C. 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)

#3A8A2B - #10270C | 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 #3A8A2B as 0% and #10270C as 100%.

0.0%	0.0% #3A8A2B	RGB 58 138 43	#3A8A2B
16.7%	16.7% #337925	RGB 51 121 37	#337925
33.3%	33.3% #2C6920	RGB 44 105 32	#2C6920
50.0%	50.0% #25581B	RGB 37 88 27	#25581B
66.7%	66.7% #1E4816	RGB 30 72 22	#1E4816
83.3%	83.3% #173711	RGB 23 55 17	#173711
100.0%	100.0% #10270C	RGB 16 39 12	#10270C

#3A8A2B #337925 #2C6920 #25581B #1E4816 #173711 #10270C

#3A8A2B - #10270C

HSV Blend

#3A8A2B - #10270C | 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 #3A8A2B as 0% and #10270C as 100%.

0.0%	0.0% #3A8A2B	RGB 58 138 43	#3A8A2B
16.7%	16.7% #327925	RGB 50 121 37	#327925
33.3%	33.3% #2B6920	RGB 43 105 32	#2B6920
50.0%	50.0% #24581B	RGB 36 88 27	#24581B
66.7%	66.7% #1D4816	RGB 29 72 22	#1D4816
83.3%	83.3% #163711	RGB 22 55 17	#163711
100.0%	100.0% #10270C	RGB 16 39 12	#10270C

#3A8A2B #327925 #2B6920 #24581B #1D4816 #163711 #10270C

#3A8A2B - #24581B - #10270C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A8A2B 0%, #24581B 50%, #10270C 100%);
    background: -webkit-linear-gradient(top, #3A8A2B 0%, #24581B 50%, #10270C 100%);
    background: linear-gradient(to bottom, #3A8A2B 0%, #24581B 50%, #10270C 100%);
}
</style>