#3C4D14 - #162904 | 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 #3C4D14 to #162904

#3C4D14 #162904

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

#3C4D14 - #162904 | 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 #3C4D14 as 0% and #162904 as 100%.

0.0%	0.0% #3C4D14	RGB 60 77 20	#3C4D14
16.7%	16.7% #354711	RGB 53 71 17	#354711
33.3%	33.3% #2F410E	RGB 47 65 14	#2F410E
50.0%	50.0% #293B0C	RGB 41 59 12	#293B0C
66.7%	66.7% #223509	RGB 34 53 9	#223509
83.3%	83.3% #1C2F06	RGB 28 47 6	#1C2F06
100.0%	100.0% #162904	RGB 22 41 4	#162904

#3C4D14 #354711 #2F410E #293B0C #223509 #1C2F06 #162904

#3C4D14 - #162904

HSV Blend

#3C4D14 - #162904 | 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 #3C4D14 as 0% and #162904 as 100%.

0.0%	0.0% #3C4D13	RGB 60 77 19	#3C4D13
16.7%	16.7% #344710	RGB 52 71 16	#344710
33.3%	33.3% #2D410D	RGB 45 65 13	#2D410D
50.0%	50.0% #273B0A	RGB 39 59 10	#273B0A
66.7%	66.7% #213508	RGB 33 53 8	#213508
83.3%	83.3% #1B2F05	RGB 27 47 5	#1B2F05
100.0%	100.0% #162904	RGB 22 41 4	#162904

#3C4D13 #344710 #2D410D #273B0A #213508 #1B2F05 #162904

#3C4D14 - #273B0A - #162904

CSS codes

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

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