#1F5E30 - #020D1A | 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 #1F5E30 to #020D1A

#1F5E30 #020D1A

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

#1F5E30 - #020D1A | 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 #1F5E30 as 0% and #020D1A as 100%.

0.0%	0.0% #1F5E30	RGB 31 94 48	#1F5E30
16.7%	16.7% #1A502C	RGB 26 80 44	#1A502C
33.3%	33.3% #154328	RGB 21 67 40	#154328
50.0%	50.0% #103525	RGB 16 53 37	#103525
66.7%	66.7% #0B2821	RGB 11 40 33	#0B2821
83.3%	83.3% #061A1D	RGB 6 26 29	#061A1D
100.0%	100.0% #020D1A	RGB 2 13 26	#020D1A

#1F5E30 #1A502C #154328 #103525 #0B2821 #061A1D #020D1A

#1F5E30 - #020D1A

HSV Blend

#1F5E30 - #020D1A | 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 #1F5E30 as 0% and #020D1A as 100%.

0.0%	0.0% #1F5E30	RGB 31 94 48	#1F5E30
16.7%	16.7% #175234	RGB 23 82 52	#175234
33.3%	33.3% #114736	RGB 17 71 54	#114736
50.0%	50.0% #0C3C37	RGB 12 60 55	#0C3C37
66.7%	66.7% #072B30	RGB 7 43 48	#072B30
83.3%	83.3% #041A25	RGB 4 26 37	#041A25
100.0%	100.0% #020D1A	RGB 2 13 26	#020D1A

#1F5E30 #175234 #114736 #0C3C37 #072B30 #041A25 #020D1A

#1F5E30 - #0C3C37 - #020D1A

CSS codes

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

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