#CCCAC8 - #8B6974 | 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 #CCCAC8 to #8B6974

#CCCAC8 #8B6974

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

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

0.0%	0.0% #CCCAC8	RGB 204 202 200	#CCCAC8
16.7%	16.7% #C1B9BA	RGB 193 185 186	#C1B9BA
33.3%	33.3% #B6A9AC	RGB 182 169 172	#B6A9AC
50.0%	50.0% #AB999E	RGB 171 153 158	#AB999E
66.7%	66.7% #A08990	RGB 160 137 144	#A08990
83.3%	83.3% #957982	RGB 149 121 130	#957982
100.0%	100.0% #8B6974	RGB 139 105 116	#8B6974

#CCCAC8 #C1B9BA #B6A9AC #AB999E #A08990 #957982 #8B6974

#CCCAC8 - #8B6974

HSV Blend

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

0.0%	0.0% #CCCAC8	RGB 204 202 200	#CCCAC8
16.7%	16.7% #C1BAB6	RGB 193 186 182	#C1BAB6
33.3%	33.3% #B6A8A5	RGB 182 168 165	#B6A8A5
50.0%	50.0% #AB9694	RGB 171 150 148	#AB9694
66.7%	66.7% #A08586	RGB 160 133 134	#A08586
83.3%	83.3% #95767C	RGB 149 118 124	#95767C
100.0%	100.0% #8B6974	RGB 139 105 116	#8B6974

#CCCAC8 #C1BAB6 #B6A8A5 #AB9694 #A08586 #95767C #8B6974

#CCCAC8 - #AB9694 - #8B6974

CSS codes

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

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