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

#6E6F60 #3C4114

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

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

0.0%	0.0% #6E6F60	RGB 110 111 96	#6E6F60
16.7%	16.7% #656753	RGB 101 103 83	#656753
33.3%	33.3% #5D5F46	RGB 93 95 70	#5D5F46
50.0%	50.0% #55583A	RGB 85 88 58	#55583A
66.7%	66.7% #4C502D	RGB 76 80 45	#4C502D
83.3%	83.3% #444820	RGB 68 72 32	#444820
100.0%	100.0% #3C4114	RGB 60 65 20	#3C4114

#6E6F60 #656753 #5D5F46 #55583A #4C502D #444820 #3C4114

#6E6F60 - #3C4114

HSV Blend

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

0.0%	0.0% #6E6F60	RGB 110 111 96	#6E6F60
16.7%	16.7% #65674F	RGB 101 103 79	#65674F
33.3%	33.3% #5D5F40	RGB 93 95 64	#5D5F40
50.0%	50.0% #545833	RGB 84 88 51	#545833
66.7%	66.7% #4C5027	RGB 76 80 39	#4C5027
83.3%	83.3% #44481D	RGB 68 72 29	#44481D
100.0%	100.0% #3C4114	RGB 60 65 20	#3C4114

#6E6F60 #65674F #5D5F40 #545833 #4C5027 #44481D #3C4114

#6E6F60 - #545833 - #3C4114

CSS codes

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

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