#969694 - #6C5E3D | 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 #969694 to #6C5E3D

#969694 #6C5E3D

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

#969694 - #6C5E3D | 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 #969694 as 0% and #6C5E3D as 100%.

0.0%	0.0% #969694	RGB 150 150 148	#969694
16.7%	16.7% #8F8C85	RGB 143 140 133	#8F8C85
33.3%	33.3% #888377	RGB 136 131 119	#888377
50.0%	50.0% #817A68	RGB 129 122 104	#817A68
66.7%	66.7% #7A705A	RGB 122 112 90	#7A705A
83.3%	83.3% #73674B	RGB 115 103 75	#73674B
100.0%	100.0% #6C5E3D	RGB 108 94 61	#6C5E3D

#969694 #8F8C85 #888377 #817A68 #7A705A #73674B #6C5E3D

#969694 - #6C5E3D

HSV Blend

#969694 - #6C5E3D | 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 #969694 as 0% and #6C5E3D as 100%.

0.0%	0.0% #969694	RGB 150 150 148	#969694
16.7%	16.7% #8F8E83	RGB 143 142 131	#8F8E83
33.3%	33.3% #888573	RGB 136 133 115	#888573
50.0%	50.0% #817C64	RGB 129 124 100	#817C64
66.7%	66.7% #7A7256	RGB 122 114 86	#7A7256
83.3%	83.3% #736849	RGB 115 104 73	#736849
100.0%	100.0% #6C5E3D	RGB 108 94 61	#6C5E3D

#969694 #8F8E83 #888573 #817C64 #7A7256 #736849 #6C5E3D

#969694 - #817C64 - #6C5E3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #969694 0%, #817C64 50%, #6C5E3D 100%);
    background: -webkit-linear-gradient(top, #969694 0%, #817C64 50%, #6C5E3D 100%);
    background: linear-gradient(to bottom, #969694 0%, #817C64 50%, #6C5E3D 100%);
}
</style>