#1D2912 - #5C6B41 | 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 #1D2912 to #5C6B41

#1D2912 #5C6B41

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

#1D2912 - #5C6B41 | 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 #1D2912 as 0% and #5C6B41 as 100%.

0.0%	0.0% #1D2912	RGB 29 41 18	#1D2912
16.7%	16.7% #273419	RGB 39 52 25	#273419
33.3%	33.3% #323F21	RGB 50 63 33	#323F21
50.0%	50.0% #3C4A29	RGB 60 74 41	#3C4A29
66.7%	66.7% #475531	RGB 71 85 49	#475531
83.3%	83.3% #516039	RGB 81 96 57	#516039
100.0%	100.0% #5C6B41	RGB 92 107 65	#5C6B41

#1D2912 #273419 #323F21 #3C4A29 #475531 #516039 #5C6B41

#1D2912 - #5C6B41

HSV Blend

#1D2912 - #5C6B41 | 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 #1D2912 as 0% and #5C6B41 as 100%.

0.0%	0.0% #1D2912	RGB 29 41 18	#1D2912
16.7%	16.7% #263418	RGB 38 52 24	#263418
33.3%	33.3% #303F1F	RGB 48 63 31	#303F1F
50.0%	50.0% #3A4A26	RGB 58 74 38	#3A4A26
66.7%	66.7% #45552E	RGB 69 85 46	#45552E
83.3%	83.3% #506037	RGB 80 96 55	#506037
100.0%	100.0% #5C6B41	RGB 92 107 65	#5C6B41

#1D2912 #263418 #303F1F #3A4A26 #45552E #506037 #5C6B41

#1D2912 - #3A4A26 - #5C6B41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D2912 0%, #3A4A26 50%, #5C6B41 100%);
    background: -webkit-linear-gradient(top, #1D2912 0%, #3A4A26 50%, #5C6B41 100%);
    background: linear-gradient(to bottom, #1D2912 0%, #3A4A26 50%, #5C6B41 100%);
}
</style>