#1E5E20 - #141511 | 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 #1E5E20 to #141511

#1E5E20 #141511

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

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

0.0%	0.0% #1E5E20	RGB 30 94 32	#1E5E20
16.7%	16.7% #1C511D	RGB 28 81 29	#1C511D
33.3%	33.3% #1A451B	RGB 26 69 27	#1A451B
50.0%	50.0% #193918	RGB 25 57 24	#193918
66.7%	66.7% #172D16	RGB 23 45 22	#172D16
83.3%	83.3% #152113	RGB 21 33 19	#152113
100.0%	100.0% #141511	RGB 20 21 17	#141511

#1E5E20 #1C511D #1A451B #193918 #172D16 #152113 #141511

#1E5E20 - #141511

HSV Blend

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

0.0%	0.0% #1E5E1F	RGB 30 94 31	#1E5E1F
16.7%	16.7% #255120	RGB 37 81 32	#255120
33.3%	33.3% #294521	RGB 41 69 33	#294521
50.0%	50.0% #293920	RGB 41 57 32	#293920
66.7%	66.7% #252D1D	RGB 37 45 29	#252D1D
83.3%	83.3% #1D2118	RGB 29 33 24	#1D2118
100.0%	100.0% #141511	RGB 20 21 17	#141511

#1E5E1F #255120 #294521 #293920 #252D1D #1D2118 #141511

#1E5E20 - #293920 - #141511

CSS codes

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

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