#1F5E21 - #073F05 | 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 #1F5E21 to #073F05

#1F5E21 #073F05

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

#1F5E21 - #073F05 | 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 #1F5E21 as 0% and #073F05 as 100%.

0.0%	0.0% #1F5E21	RGB 31 94 33	#1F5E21
16.7%	16.7% #1B581C	RGB 27 88 28	#1B581C
33.3%	33.3% #175317	RGB 23 83 23	#175317
50.0%	50.0% #134E13	RGB 19 78 19	#134E13
66.7%	66.7% #0F490E	RGB 15 73 14	#0F490E
83.3%	83.3% #0B4409	RGB 11 68 9	#0B4409
100.0%	100.0% #073F05	RGB 7 63 5	#073F05

#1F5E21 #1B581C #175317 #134E13 #0F490E #0B4409 #073F05

#1F5E21 - #073F05

HSV Blend

#1F5E21 - #073F05 | 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 #1F5E21 as 0% and #073F05 as 100%.

0.0%	0.0% #1F5E20	RGB 31 94 32	#1F5E20
16.7%	16.7% #19581A	RGB 25 88 26	#19581A
33.3%	33.3% #145315	RGB 20 83 21	#145315
50.0%	50.0% #104E10	RGB 16 78 16	#104E10
66.7%	66.7% #0C490B	RGB 12 73 11	#0C490B
83.3%	83.3% #094408	RGB 9 68 8	#094408
100.0%	100.0% #073F05	RGB 7 63 5	#073F05

#1F5E20 #19581A #145315 #104E10 #0C490B #094408 #073F05

#1F5E21 - #104E10 - #073F05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F5E20 0%, #104E10 50%, #073F05 100%);
    background: -webkit-linear-gradient(top, #1F5E20 0%, #104E10 50%, #073F05 100%);
    background: linear-gradient(to bottom, #1F5E20 0%, #104E10 50%, #073F05 100%);
}
</style>