#656A4D - #CEB474 | 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 #656A4D to #CEB474

#656A4D #CEB474

Calculate the color between two colors, #656A4D and #CEB474. 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)

#656A4D - #CEB474 | 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 #656A4D as 0% and #CEB474 as 100%.

0.0%	0.0% #656A4D	RGB 101 106 77	#656A4D
16.7%	16.7% #767653	RGB 118 118 83	#767653
33.3%	33.3% #88825A	RGB 136 130 90	#88825A
50.0%	50.0% #998F60	RGB 153 143 96	#998F60
66.7%	66.7% #AB9B67	RGB 171 155 103	#AB9B67
83.3%	83.3% #BCA76D	RGB 188 167 109	#BCA76D
100.0%	100.0% #CEB474	RGB 206 180 116	#CEB474

#656A4D #767653 #88825A #998F60 #AB9B67 #BCA76D #CEB474

#656A4D - #CEB474

HSV Blend

#656A4D - #CEB474 | 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 #656A4D as 0% and #CEB474 as 100%.

0.0%	0.0% #656A4D	RGB 101 106 77	#656A4D
16.7%	16.7% #777A55	RGB 119 122 85	#777A55
33.3%	33.3% #8A8B5D	RGB 138 139 93	#8A8B5D
50.0%	50.0% #9C9864	RGB 156 152 100	#9C9864
66.7%	66.7% #ACA36A	RGB 172 163 106	#ACA36A
83.3%	83.3% #BDAC6F	RGB 189 172 111	#BDAC6F
100.0%	100.0% #CEB474	RGB 206 180 116	#CEB474

#656A4D #777A55 #8A8B5D #9C9864 #ACA36A #BDAC6F #CEB474

#656A4D - #9C9864 - #CEB474

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #656A4D 0%, #9C9864 50%, #CEB474 100%);
    background: -webkit-linear-gradient(top, #656A4D 0%, #9C9864 50%, #CEB474 100%);
    background: linear-gradient(to bottom, #656A4D 0%, #9C9864 50%, #CEB474 100%);
}
</style>