#3C4114 - #978840 | 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 #3C4114 to #978840

#3C4114 #978840

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

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

0.0%	0.0% #3C4114	RGB 60 65 20	#3C4114
16.7%	16.7% #4B4C1B	RGB 75 76 27	#4B4C1B
33.3%	33.3% #5A5822	RGB 90 88 34	#5A5822
50.0%	50.0% #69642A	RGB 105 100 42	#69642A
66.7%	66.7% #787031	RGB 120 112 49	#787031
83.3%	83.3% #877C38	RGB 135 124 56	#877C38
100.0%	100.0% #978840	RGB 151 136 64	#978840

#3C4114 #4B4C1B #5A5822 #69642A #787031 #877C38 #978840

#3C4114 - #978840

HSV Blend

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

0.0%	0.0% #3C4114	RGB 60 65 20	#3C4114
16.7%	16.7% #4B4F19	RGB 75 79 25	#4B4F19
33.3%	33.3% #5C5D20	RGB 92 93 32	#5C5D20
50.0%	50.0% #6C6927	RGB 108 105 39	#6C6927
66.7%	66.7% #7A742F	RGB 122 116 47	#7A742F
83.3%	83.3% #887E37	RGB 136 126 55	#887E37
100.0%	100.0% #978840	RGB 151 136 64	#978840

#3C4114 #4B4F19 #5C5D20 #6C6927 #7A742F #887E37 #978840

#3C4114 - #6C6927 - #978840

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4114 0%, #6C6927 50%, #978840 100%);
    background: -webkit-linear-gradient(top, #3C4114 0%, #6C6927 50%, #978840 100%);
    background: linear-gradient(to bottom, #3C4114 0%, #6C6927 50%, #978840 100%);
}
</style>