#142B05 - #516D34 | 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 #142B05 to #516D34

#142B05 #516D34

Calculate the color between two colors, #142B05 and #516D34. 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)

#142B05 - #516D34 | 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 #142B05 as 0% and #516D34 as 100%.

0.0%	0.0% #142B05	RGB 20 43 5	#142B05
16.7%	16.7% #1E360C	RGB 30 54 12	#1E360C
33.3%	33.3% #284114	RGB 40 65 20	#284114
50.0%	50.0% #324C1C	RGB 50 76 28	#324C1C
66.7%	66.7% #3C5724	RGB 60 87 36	#3C5724
83.3%	83.3% #46622C	RGB 70 98 44	#46622C
100.0%	100.0% #516D34	RGB 81 109 52	#516D34

#142B05 #1E360C #284114 #324C1C #3C5724 #46622C #516D34

#142B05 - #516D34

HSV Blend

#142B05 - #516D34 | 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 #142B05 as 0% and #516D34 as 100%.

0.0%	0.0% #142B05	RGB 20 43 5	#142B05
16.7%	16.7% #1B3609	RGB 27 54 9	#1B3609
33.3%	33.3% #24410F	RGB 36 65 15	#24410F
50.0%	50.0% #2E4C16	RGB 46 76 22	#2E4C16
66.7%	66.7% #39571F	RGB 57 87 31	#39571F
83.3%	83.3% #446228	RGB 68 98 40	#446228
100.0%	100.0% #516D34	RGB 81 109 52	#516D34

#142B05 #1B3609 #24410F #2E4C16 #39571F #446228 #516D34

#142B05 - #2E4C16 - #516D34

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #142B05 0%, #2E4C16 50%, #516D34 100%);
    background: -webkit-linear-gradient(top, #142B05 0%, #2E4C16 50%, #516D34 100%);
    background: linear-gradient(to bottom, #142B05 0%, #2E4C16 50%, #516D34 100%);
}
</style>