#1F5E25 - #013806 | 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 #1F5E25 to #013806

#1F5E25 #013806

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

#1F5E25 - #013806 | 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 #1F5E25 as 0% and #013806 as 100%.

0.0%	0.0% #1F5E25	RGB 31 94 37	#1F5E25
16.7%	16.7% #1A571F	RGB 26 87 31	#1A571F
33.3%	33.3% #15511A	RGB 21 81 26	#15511A
50.0%	50.0% #104B15	RGB 16 75 21	#104B15
66.7%	66.7% #0B4410	RGB 11 68 16	#0B4410
83.3%	83.3% #063E0B	RGB 6 62 11	#063E0B
100.0%	100.0% #013806	RGB 1 56 6	#013806

#1F5E25 #1A571F #15511A #104B15 #0B4410 #063E0B #013806

#1F5E25 - #013806

HSV Blend

#1F5E25 - #013806 | 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 #1F5E25 as 0% and #013806 as 100%.

0.0%	0.0% #1F5E25	RGB 31 94 37	#1F5E25
16.7%	16.7% #18571E	RGB 24 87 30	#18571E
33.3%	33.3% #125118	RGB 18 81 24	#125118
50.0%	50.0% #0D4B12	RGB 13 75 18	#0D4B12
66.7%	66.7% #08440D	RGB 8 68 13	#08440D
83.3%	83.3% #043E09	RGB 4 62 9	#043E09
100.0%	100.0% #013806	RGB 1 56 6	#013806

#1F5E25 #18571E #125118 #0D4B12 #08440D #043E09 #013806

#1F5E25 - #0D4B12 - #013806

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F5E25 0%, #0D4B12 50%, #013806 100%);
    background: -webkit-linear-gradient(top, #1F5E25 0%, #0D4B12 50%, #013806 100%);
    background: linear-gradient(to bottom, #1F5E25 0%, #0D4B12 50%, #013806 100%);
}
</style>