#CCCCA8 - #A29854 | 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 #CCCCA8 to #A29854

#CCCCA8 #A29854

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

#CCCCA8 - #A29854 | 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 #CCCCA8 as 0% and #A29854 as 100%.

0.0%	0.0% #CCCCA8	RGB 204 204 168	#CCCCA8
16.7%	16.7% #C5C39A	RGB 197 195 154	#C5C39A
33.3%	33.3% #BEBA8C	RGB 190 186 140	#BEBA8C
50.0%	50.0% #B7B27E	RGB 183 178 126	#B7B27E
66.7%	66.7% #B0A970	RGB 176 169 112	#B0A970
83.3%	83.3% #A9A062	RGB 169 160 98	#A9A062
100.0%	100.0% #A29854	RGB 162 152 84	#A29854

#CCCCA8 #C5C39A #BEBA8C #B7B27E #B0A970 #A9A062 #A29854

#CCCCA8 - #A29854

HSV Blend

#CCCCA8 - #A29854 | 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 #CCCCA8 as 0% and #A29854 as 100%.

0.0%	0.0% #CCCCA8	RGB 204 204 168	#CCCCA8
16.7%	16.7% #C5C498	RGB 197 196 152	#C5C498
33.3%	33.3% #BEBB89	RGB 190 187 137	#BEBB89
50.0%	50.0% #B7B37A	RGB 183 179 122	#B7B37A
66.7%	66.7% #B0AA6D	RGB 176 170 109	#B0AA6D
83.3%	83.3% #A9A160	RGB 169 161 96	#A9A160
100.0%	100.0% #A29854	RGB 162 152 84	#A29854

#CCCCA8 #C5C498 #BEBB89 #B7B37A #B0AA6D #A9A160 #A29854

#CCCCA8 - #B7B37A - #A29854

CSS codes

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

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