#9C7C7A - #FCF7A8 | 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 #9C7C7A to #FCF7A8

#9C7C7A #FCF7A8

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

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

0.0%	0.0% #9C7C7A	RGB 156 124 122	#9C7C7A
16.7%	16.7% #AC9081	RGB 172 144 129	#AC9081
33.3%	33.3% #BCA589	RGB 188 165 137	#BCA589
50.0%	50.0% #CCB991	RGB 204 185 145	#CCB991
66.7%	66.7% #DCCE98	RGB 220 206 152	#DCCE98
83.3%	83.3% #ECE2A0	RGB 236 226 160	#ECE2A0
100.0%	100.0% #FCF7A8	RGB 252 247 168	#FCF7A8

#9C7C7A #AC9081 #BCA589 #CCB991 #DCCE98 #ECE2A0 #FCF7A8

#9C7C7A - #FCF7A8

HSV Blend

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

0.0%	0.0% #9C7C7A	RGB 156 124 122	#9C7C7A
16.7%	16.7% #AC8B83	RGB 172 139 131	#AC8B83
33.3%	33.3% #BC9C8B	RGB 188 156 139	#BC9C8B
50.0%	50.0% #CCAF93	RGB 204 175 147	#CCAF93
66.7%	66.7% #DCC59B	RGB 220 197 155	#DCC59B
83.3%	83.3% #ECDCA1	RGB 236 220 161	#ECDCA1
100.0%	100.0% #FCF7A8	RGB 252 247 168	#FCF7A8

#9C7C7A #AC8B83 #BC9C8B #CCAF93 #DCC59B #ECDCA1 #FCF7A8

#9C7C7A - #CCAF93 - #FCF7A8

CSS codes

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

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