#CCCCC3 - #A09571 | 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 #CCCCC3 to #A09571

#CCCCC3 #A09571

Calculate the color between two colors, #CCCCC3 and #A09571. 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)

#CCCCC3 - #A09571 | 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 #CCCCC3 as 0% and #A09571 as 100%.

0.0%	0.0% #CCCCC3	RGB 204 204 195	#CCCCC3
16.7%	16.7% #C4C2B5	RGB 196 194 181	#C4C2B5
33.3%	33.3% #BDB9A7	RGB 189 185 167	#BDB9A7
50.0%	50.0% #B6B09A	RGB 182 176 154	#B6B09A
66.7%	66.7% #AEA78C	RGB 174 167 140	#AEA78C
83.3%	83.3% #A79E7E	RGB 167 158 126	#A79E7E
100.0%	100.0% #A09571	RGB 160 149 113	#A09571

#CCCCC3 #C4C2B5 #BDB9A7 #B6B09A #AEA78C #A79E7E #A09571

#CCCCC3 - #A09571

HSV Blend

#CCCCC3 - #A09571 | 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 #CCCCC3 as 0% and #A09571 as 100%.

0.0%	0.0% #CCCCC3	RGB 204 204 195	#CCCCC3
16.7%	16.7% #C4C4B3	RGB 196 196 179	#C4C4B3
33.3%	33.3% #BDBBA5	RGB 189 187 165	#BDBBA5
50.0%	50.0% #B6B297	RGB 182 178 151	#B6B297
66.7%	66.7% #AEA889	RGB 174 168 137	#AEA889
83.3%	83.3% #A79F7D	RGB 167 159 125	#A79F7D
100.0%	100.0% #A09571	RGB 160 149 113	#A09571

#CCCCC3 #C4C4B3 #BDBBA5 #B6B297 #AEA889 #A79F7D #A09571

#CCCCC3 - #B6B297 - #A09571

CSS codes

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

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