#CFCFA8 - #8D7B47 | 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 #CFCFA8 to #8D7B47

#CFCFA8 #8D7B47

Calculate the color between two colors, #CFCFA8 and #8D7B47. 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)

#CFCFA8 - #8D7B47 | 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 #CFCFA8 as 0% and #8D7B47 as 100%.

0.0%	0.0% #CFCFA8	RGB 207 207 168	#CFCFA8
16.7%	16.7% #C4C197	RGB 196 193 151	#C4C197
33.3%	33.3% #B9B387	RGB 185 179 135	#B9B387
50.0%	50.0% #AEA577	RGB 174 165 119	#AEA577
66.7%	66.7% #A39767	RGB 163 151 103	#A39767
83.3%	83.3% #988957	RGB 152 137 87	#988957
100.0%	100.0% #8D7B47	RGB 141 123 71	#8D7B47

#CFCFA8 #C4C197 #B9B387 #AEA577 #A39767 #988957 #8D7B47

#CFCFA8 - #8D7B47

HSV Blend

#CFCFA8 - #8D7B47 | 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 #CFCFA8 as 0% and #8D7B47 as 100%.

0.0%	0.0% #CFCFA8	RGB 207 207 168	#CFCFA8
16.7%	16.7% #C4C195	RGB 196 193 149	#C4C195
33.3%	33.3% #B9B483	RGB 185 180 131	#B9B483
50.0%	50.0% #AEA672	RGB 174 166 114	#AEA672
66.7%	66.7% #A39762	RGB 163 151 98	#A39762
83.3%	83.3% #988954	RGB 152 137 84	#988954
100.0%	100.0% #8D7B47	RGB 141 123 71	#8D7B47

#CFCFA8 #C4C195 #B9B483 #AEA672 #A39762 #988954 #8D7B47

#CFCFA8 - #AEA672 - #8D7B47

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFCFA8 0%, #AEA672 50%, #8D7B47 100%);
    background: -webkit-linear-gradient(top, #CFCFA8 0%, #AEA672 50%, #8D7B47 100%);
    background: linear-gradient(to bottom, #CFCFA8 0%, #AEA672 50%, #8D7B47 100%);
}
</style>