#656A45 - #CFB46D | 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 #656A45 to #CFB46D

#656A45 #CFB46D

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

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

0.0%	0.0% #656A45	RGB 101 106 69	#656A45
16.7%	16.7% #76764B	RGB 118 118 75	#76764B
33.3%	33.3% #888252	RGB 136 130 82	#888252
50.0%	50.0% #9A8F59	RGB 154 143 89	#9A8F59
66.7%	66.7% #AB9B5F	RGB 171 155 95	#AB9B5F
83.3%	83.3% #BDA766	RGB 189 167 102	#BDA766
100.0%	100.0% #CFB46D	RGB 207 180 109	#CFB46D

#656A45 #76764B #888252 #9A8F59 #AB9B5F #BDA766 #CFB46D

#656A45 - #CFB46D

HSV Blend

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

0.0%	0.0% #656A45	RGB 101 106 69	#656A45
16.7%	16.7% #777A4D	RGB 119 122 77	#777A4D
33.3%	33.3% #8B8B55	RGB 139 139 85	#8B8B55
50.0%	50.0% #9C975C	RGB 156 151 92	#9C975C
66.7%	66.7% #ADA262	RGB 173 162 98	#ADA262
83.3%	83.3% #BEAC68	RGB 190 172 104	#BEAC68
100.0%	100.0% #CFB46D	RGB 207 180 109	#CFB46D

#656A45 #777A4D #8B8B55 #9C975C #ADA262 #BEAC68 #CFB46D

#656A45 - #9C975C - #CFB46D

CSS codes

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

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