#3C4D1D - #172C02 | 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 #3C4D1D to #172C02

#3C4D1D #172C02

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

#3C4D1D - #172C02 | 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 #3C4D1D as 0% and #172C02 as 100%.

0.0%	0.0% #3C4D1D	RGB 60 77 29	#3C4D1D
16.7%	16.7% #354718	RGB 53 71 24	#354718
33.3%	33.3% #2F4214	RGB 47 66 20	#2F4214
50.0%	50.0% #293C0F	RGB 41 60 15	#293C0F
66.7%	66.7% #23370B	RGB 35 55 11	#23370B
83.3%	83.3% #1D3106	RGB 29 49 6	#1D3106
100.0%	100.0% #172C02	RGB 23 44 2	#172C02

#3C4D1D #354718 #2F4214 #293C0F #23370B #1D3106 #172C02

#3C4D1D - #172C02

HSV Blend

#3C4D1D - #172C02 | 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 #3C4D1D as 0% and #172C02 as 100%.

0.0%	0.0% #3C4D1D	RGB 60 77 29	#3C4D1D
16.7%	16.7% #354716	RGB 53 71 22	#354716
33.3%	33.3% #2E4211	RGB 46 66 17	#2E4211
50.0%	50.0% #283C0C	RGB 40 60 12	#283C0C
66.7%	66.7% #223708	RGB 34 55 8	#223708
83.3%	83.3% #1C3104	RGB 28 49 4	#1C3104
100.0%	100.0% #172C02	RGB 23 44 2	#172C02

#3C4D1D #354716 #2E4211 #283C0C #223708 #1C3104 #172C02

#3C4D1D - #283C0C - #172C02

CSS codes

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

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