#CFBFB7 - #906D5E | 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 #CFBFB7 to #906D5E

#CFBFB7 #906D5E

Calculate the color between two colors, #CFBFB7 and #906D5E. 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)

#CFBFB7 - #906D5E | 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 #CFBFB7 as 0% and #906D5E as 100%.

0.0%	0.0% #CFBFB7	RGB 207 191 183	#CFBFB7
16.7%	16.7% #C4B1A8	RGB 196 177 168	#C4B1A8
33.3%	33.3% #BAA399	RGB 186 163 153	#BAA399
50.0%	50.0% #AF968A	RGB 175 150 138	#AF968A
66.7%	66.7% #A5887B	RGB 165 136 123	#A5887B
83.3%	83.3% #9A7A6C	RGB 154 122 108	#9A7A6C
100.0%	100.0% #906D5E	RGB 144 109 94	#906D5E

#CFBFB7 #C4B1A8 #BAA399 #AF968A #A5887B #9A7A6C #906D5E

#CFBFB7 - #906D5E

HSV Blend

#CFBFB7 - #906D5E | 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 #CFBFB7 as 0% and #906D5E as 100%.

0.0%	0.0% #CFBFB7	RGB 207 191 183	#CFBFB7
16.7%	16.7% #C4B0A6	RGB 196 176 166	#C4B0A6
33.3%	33.3% #BAA196	RGB 186 161 150	#BAA196
50.0%	50.0% #AF9386	RGB 175 147 134	#AF9386
66.7%	66.7% #A58678	RGB 165 134 120	#A58678
83.3%	83.3% #9A796A	RGB 154 121 106	#9A796A
100.0%	100.0% #906D5E	RGB 144 109 94	#906D5E

#CFBFB7 #C4B0A6 #BAA196 #AF9386 #A58678 #9A796A #906D5E

#CFBFB7 - #AF9386 - #906D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFBFB7 0%, #AF9386 50%, #906D5E 100%);
    background: -webkit-linear-gradient(top, #CFBFB7 0%, #AF9386 50%, #906D5E 100%);
    background: linear-gradient(to bottom, #CFBFB7 0%, #AF9386 50%, #906D5E 100%);
}
</style>