#CCCACB - #826B8B | 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 #CCCACB to #826B8B

#CCCACB #826B8B

Calculate the color between two colors, #CCCACB and #826B8B. 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)

#CCCACB - #826B8B | 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 #CCCACB as 0% and #826B8B as 100%.

0.0%	0.0% #CCCACB	RGB 204 202 203	#CCCACB
16.7%	16.7% #BFBAC0	RGB 191 186 192	#BFBAC0
33.3%	33.3% #B3AAB5	RGB 179 170 181	#B3AAB5
50.0%	50.0% #A79AAB	RGB 167 154 171	#A79AAB
66.7%	66.7% #9A8AA0	RGB 154 138 160	#9A8AA0
83.3%	83.3% #8E7A95	RGB 142 122 149	#8E7A95
100.0%	100.0% #826B8B	RGB 130 107 139	#826B8B

#CCCACB #BFBAC0 #B3AAB5 #A79AAB #9A8AA0 #8E7A95 #826B8B

#CCCACB - #826B8B

HSV Blend

#CCCACB - #826B8B | 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 #CCCACB as 0% and #826B8B as 100%.

0.0%	0.0% #CCCACB	RGB 204 202 203	#CCCACB
16.7%	16.7% #C1B8BD	RGB 193 184 189	#C1B8BD
33.3%	33.3% #B6A7B2	RGB 182 167 178	#B6A7B2
50.0%	50.0% #AB96A9	RGB 171 150 169	#AB96A9
66.7%	66.7% #A087A0	RGB 160 135 160	#A087A0
83.3%	83.3% #917895	RGB 145 120 149	#917895
100.0%	100.0% #826B8B	RGB 130 107 139	#826B8B

#CCCACB #C1B8BD #B6A7B2 #AB96A9 #A087A0 #917895 #826B8B

#CCCACB - #AB96A9 - #826B8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCCACB 0%, #AB96A9 50%, #826B8B 100%);
    background: -webkit-linear-gradient(top, #CCCACB 0%, #AB96A9 50%, #826B8B 100%);
    background: linear-gradient(to bottom, #CCCACB 0%, #AB96A9 50%, #826B8B 100%);
}
</style>