#CFC6C3 - #8F6468 | 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 #CFC6C3 to #8F6468

#CFC6C3 #8F6468

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

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

0.0%	0.0% #CFC6C3	RGB 207 198 195	#CFC6C3
16.7%	16.7% #C4B5B3	RGB 196 181 179	#C4B5B3
33.3%	33.3% #B9A5A4	RGB 185 165 164	#B9A5A4
50.0%	50.0% #AF9595	RGB 175 149 149	#AF9595
66.7%	66.7% #A48486	RGB 164 132 134	#A48486
83.3%	83.3% #997477	RGB 153 116 119	#997477
100.0%	100.0% #8F6468	RGB 143 100 104	#8F6468

#CFC6C3 #C4B5B3 #B9A5A4 #AF9595 #A48486 #997477 #8F6468

#CFC6C3 - #8F6468

HSV Blend

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

0.0%	0.0% #CFC6C3	RGB 207 198 195	#CFC6C3
16.7%	16.7% #C4B4B1	RGB 196 180 177	#C4B4B1
33.3%	33.3% #B9A39F	RGB 185 163 159	#B9A39F
50.0%	50.0% #AF928F	RGB 175 146 143	#AF928F
66.7%	66.7% #A48080	RGB 164 128 128	#A48080
83.3%	83.3% #997173	RGB 153 113 115	#997173
100.0%	100.0% #8F6468	RGB 143 100 104	#8F6468

#CFC6C3 #C4B4B1 #B9A39F #AF928F #A48080 #997173 #8F6468

#CFC6C3 - #AF928F - #8F6468

CSS codes

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

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