#1AAF5E - #07321A | 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 #1AAF5E to #07321A

#1AAF5E #07321A

Calculate the color between two colors, #1AAF5E and #07321A. 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)

#1AAF5E - #07321A | 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 #1AAF5E as 0% and #07321A as 100%.

0.0%	0.0% #1AAF5E	RGB 26 175 94	#1AAF5E
16.7%	16.7% #169A52	RGB 22 154 82	#169A52
33.3%	33.3% #138547	RGB 19 133 71	#138547
50.0%	50.0% #10703C	RGB 16 112 60	#10703C
66.7%	66.7% #0D5B30	RGB 13 91 48	#0D5B30
83.3%	83.3% #0A4625	RGB 10 70 37	#0A4625
100.0%	100.0% #07321A	RGB 7 50 26	#07321A

#1AAF5E #169A52 #138547 #10703C #0D5B30 #0A4625 #07321A

#1AAF5E - #07321A

HSV Blend

#1AAF5E - #07321A | 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 #1AAF5E as 0% and #07321A as 100%.

0.0%	0.0% #1AAF5D	RGB 26 175 93	#1AAF5D
16.7%	16.7% #169A52	RGB 22 154 82	#169A52
33.3%	33.3% #138546	RGB 19 133 70	#138546
50.0%	50.0% #10703B	RGB 16 112 59	#10703B
66.7%	66.7% #0D5B30	RGB 13 91 48	#0D5B30
83.3%	83.3% #0A4625	RGB 10 70 37	#0A4625
100.0%	100.0% #07321A	RGB 7 50 26	#07321A

#1AAF5D #169A52 #138546 #10703B #0D5B30 #0A4625 #07321A

#1AAF5E - #10703B - #07321A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1AAF5D 0%, #10703B 50%, #07321A 100%);
    background: -webkit-linear-gradient(top, #1AAF5D 0%, #10703B 50%, #07321A 100%);
    background: linear-gradient(to bottom, #1AAF5D 0%, #10703B 50%, #07321A 100%);
}
</style>