#CCC7CF - #8B6C7F | 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 #CCC7CF to #8B6C7F

#CCC7CF #8B6C7F

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

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

0.0%	0.0% #CCC7CF	RGB 204 199 207	#CCC7CF
16.7%	16.7% #C1B7C1	RGB 193 183 193	#C1B7C1
33.3%	33.3% #B6A8B4	RGB 182 168 180	#B6A8B4
50.0%	50.0% #AB99A7	RGB 171 153 167	#AB99A7
66.7%	66.7% #A08A99	RGB 160 138 153	#A08A99
83.3%	83.3% #957B8C	RGB 149 123 140	#957B8C
100.0%	100.0% #8B6C7F	RGB 139 108 127	#8B6C7F

#CCC7CF #C1B7C1 #B6A8B4 #AB99A7 #A08A99 #957B8C #8B6C7F

#CCC7CF - #8B6C7F

HSV Blend

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

0.0%	0.0% #CCC7CF	RGB 204 199 207	#CCC7CF
16.7%	16.7% #C0B6C3	RGB 192 182 195	#C0B6C3
33.3%	33.3% #B6A5B8	RGB 182 165 184	#B6A5B8
50.0%	50.0% #AD96AC	RGB 173 150 172	#AD96AC
66.7%	66.7% #A1879E	RGB 161 135 158	#A1879E
83.3%	83.3% #96798E	RGB 150 121 142	#96798E
100.0%	100.0% #8B6C7F	RGB 139 108 127	#8B6C7F

#CCC7CF #C0B6C3 #B6A5B8 #AD96AC #A1879E #96798E #8B6C7F

#CCC7CF - #AD96AC - #8B6C7F

CSS codes

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

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