#3E4D14 - #172904 | 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 #3E4D14 to #172904

#3E4D14 #172904

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

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

0.0%	0.0% #3E4D14	RGB 62 77 20	#3E4D14
16.7%	16.7% #374711	RGB 55 71 17	#374711
33.3%	33.3% #31410E	RGB 49 65 14	#31410E
50.0%	50.0% #2A3B0C	RGB 42 59 12	#2A3B0C
66.7%	66.7% #243509	RGB 36 53 9	#243509
83.3%	83.3% #1D2F06	RGB 29 47 6	#1D2F06
100.0%	100.0% #172904	RGB 23 41 4	#172904

#3E4D14 #374711 #31410E #2A3B0C #243509 #1D2F06 #172904

#3E4D14 - #172904

HSV Blend

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

0.0%	0.0% #3E4D13	RGB 62 77 19	#3E4D13
16.7%	16.7% #364710	RGB 54 71 16	#364710
33.3%	33.3% #2F410D	RGB 47 65 13	#2F410D
50.0%	50.0% #283B0A	RGB 40 59 10	#283B0A
66.7%	66.7% #223508	RGB 34 53 8	#223508
83.3%	83.3% #1C2F05	RGB 28 47 5	#1C2F05
100.0%	100.0% #172904	RGB 23 41 4	#172904

#3E4D13 #364710 #2F410D #283B0A #223508 #1C2F05 #172904

#3E4D14 - #283B0A - #172904

CSS codes

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

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