#D9C7A2 - #9C7F47 | 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 #D9C7A2 to #9C7F47

#D9C7A2 #9C7F47

Calculate the color between two colors, #D9C7A2 and #9C7F47. 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)

#D9C7A2 - #9C7F47 | 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 #D9C7A2 as 0% and #9C7F47 as 100%.

0.0%	0.0% #D9C7A2	RGB 217 199 162	#D9C7A2
16.7%	16.7% #CEBB92	RGB 206 187 146	#CEBB92
33.3%	33.3% #C4AF83	RGB 196 175 131	#C4AF83
50.0%	50.0% #BAA374	RGB 186 163 116	#BAA374
66.7%	66.7% #B09765	RGB 176 151 101	#B09765
83.3%	83.3% #A68B56	RGB 166 139 86	#A68B56
100.0%	100.0% #9C7F47	RGB 156 127 71	#9C7F47

#D9C7A2 #CEBB92 #C4AF83 #BAA374 #B09765 #A68B56 #9C7F47

#D9C7A2 - #9C7F47

HSV Blend

#D9C7A2 - #9C7F47 | 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 #D9C7A2 as 0% and #9C7F47 as 100%.

0.0%	0.0% #D9C7A2	RGB 217 199 162	#D9C7A2
16.7%	16.7% #CEBA90	RGB 206 186 144	#CEBA90
33.3%	33.3% #C4AD7F	RGB 196 173 127	#C4AD7F
50.0%	50.0% #BAA170	RGB 186 161 112	#BAA170
66.7%	66.7% #B09561	RGB 176 149 97	#B09561
83.3%	83.3% #A68A53	RGB 166 138 83	#A68A53
100.0%	100.0% #9C7F47	RGB 156 127 71	#9C7F47

#D9C7A2 #CEBA90 #C4AD7F #BAA170 #B09561 #A68A53 #9C7F47

#D9C7A2 - #BAA170 - #9C7F47

CSS codes

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

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