#160B0A - #3E5E3E | 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 #160B0A to #3E5E3E

#160B0A #3E5E3E

Calculate the color between two colors, #160B0A and #3E5E3E. 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)

#160B0A - #3E5E3E | 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 #160B0A as 0% and #3E5E3E as 100%.

0.0%	0.0% #160B0A	RGB 22 11 10	#160B0A
16.7%	16.7% #1C1812	RGB 28 24 18	#1C1812
33.3%	33.3% #23261B	RGB 35 38 27	#23261B
50.0%	50.0% #2A3424	RGB 42 52 36	#2A3424
66.7%	66.7% #30422C	RGB 48 66 44	#30422C
83.3%	83.3% #375035	RGB 55 80 53	#375035
100.0%	100.0% #3E5E3E	RGB 62 94 62	#3E5E3E

#160B0A #1C1812 #23261B #2A3424 #30422C #375035 #3E5E3E

#160B0A - #3E5E3E

HSV Blend

#160B0A - #3E5E3E | 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 #160B0A as 0% and #3E5E3E as 100%.

0.0%	0.0% #160B0A	RGB 22 11 10	#160B0A
16.7%	16.7% #221710	RGB 34 23 16	#221710
33.3%	33.3% #2E2718	RGB 46 39 24	#2E2718
50.0%	50.0% #383A20	RGB 56 58 32	#383A20
66.7%	66.7% #3B4629	RGB 59 70 41	#3B4629
83.3%	83.3% #3D5233	RGB 61 82 51	#3D5233
100.0%	100.0% #3E5E3E	RGB 62 94 62	#3E5E3E

#160B0A #221710 #2E2718 #383A20 #3B4629 #3D5233 #3E5E3E

#160B0A - #383A20 - #3E5E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160B0A 0%, #383A20 50%, #3E5E3E 100%);
    background: -webkit-linear-gradient(top, #160B0A 0%, #383A20 50%, #3E5E3E 100%);
    background: linear-gradient(to bottom, #160B0A 0%, #383A20 50%, #3E5E3E 100%);
}
</style>