#CFC9CC - #876A8F | 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 #CFC9CC to #876A8F

#CFC9CC #876A8F

Calculate the color between two colors, #CFC9CC and #876A8F. 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)

#CFC9CC - #876A8F | 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 #CFC9CC as 0% and #876A8F as 100%.

0.0%	0.0% #CFC9CC	RGB 207 201 204	#CFC9CC
16.7%	16.7% #C3B9C1	RGB 195 185 193	#C3B9C1
33.3%	33.3% #B7A9B7	RGB 183 169 183	#B7A9B7
50.0%	50.0% #AB99AD	RGB 171 153 173	#AB99AD
66.7%	66.7% #9F89A3	RGB 159 137 163	#9F89A3
83.3%	83.3% #937999	RGB 147 121 153	#937999
100.0%	100.0% #876A8F	RGB 135 106 143	#876A8F

#CFC9CC #C3B9C1 #B7A9B7 #AB99AD #9F89A3 #937999 #876A8F

#CFC9CC - #876A8F

HSV Blend

#CFC9CC - #876A8F | 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 #CFC9CC as 0% and #876A8F as 100%.

0.0%	0.0% #CFC9CC	RGB 207 201 204	#CFC9CC
16.7%	16.7% #C4B7BF	RGB 196 183 191	#C4B7BF
33.3%	33.3% #B9A6B4	RGB 185 166 180	#B9A6B4
50.0%	50.0% #AF95AB	RGB 175 149 171	#AF95AB
66.7%	66.7% #A486A3	RGB 164 134 163	#A486A3
83.3%	83.3% #967799	RGB 150 119 153	#967799
100.0%	100.0% #876A8F	RGB 135 106 143	#876A8F

#CFC9CC #C4B7BF #B9A6B4 #AF95AB #A486A3 #967799 #876A8F

#CFC9CC - #AF95AB - #876A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFC9CC 0%, #AF95AB 50%, #876A8F 100%);
    background: -webkit-linear-gradient(top, #CFC9CC 0%, #AF95AB 50%, #876A8F 100%);
    background: linear-gradient(to bottom, #CFC9CC 0%, #AF95AB 50%, #876A8F 100%);
}
</style>