#CFC4B0 - #8F7856 | 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 #CFC4B0 to #8F7856

#CFC4B0 #8F7856

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

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

0.0%	0.0% #CFC4B0	RGB 207 196 176	#CFC4B0
16.7%	16.7% #C4B7A1	RGB 196 183 161	#C4B7A1
33.3%	33.3% #B9AA92	RGB 185 170 146	#B9AA92
50.0%	50.0% #AF9E83	RGB 175 158 131	#AF9E83
66.7%	66.7% #A49174	RGB 164 145 116	#A49174
83.3%	83.3% #998465	RGB 153 132 101	#998465
100.0%	100.0% #8F7856	RGB 143 120 86	#8F7856

#CFC4B0 #C4B7A1 #B9AA92 #AF9E83 #A49174 #998465 #8F7856

#CFC4B0 - #8F7856

HSV Blend

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

0.0%	0.0% #CFC4B0	RGB 207 196 176	#CFC4B0
16.7%	16.7% #C4B69E	RGB 196 182 158	#C4B69E
33.3%	33.3% #B9A98E	RGB 185 169 142	#B9A98E
50.0%	50.0% #AF9C7F	RGB 175 156 127	#AF9C7F
66.7%	66.7% #A49070	RGB 164 144 112	#A49070
83.3%	83.3% #998362	RGB 153 131 98	#998362
100.0%	100.0% #8F7856	RGB 143 120 86	#8F7856

#CFC4B0 #C4B69E #B9A98E #AF9C7F #A49070 #998362 #8F7856

#CFC4B0 - #AF9C7F - #8F7856

CSS codes

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

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