#CCCFC7 - #A1A876 | 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 #CCCFC7 to #A1A876

#CCCFC7 #A1A876

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

#CCCFC7 - #A1A876 | 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 #CCCFC7 as 0% and #A1A876 as 100%.

0.0%	0.0% #CCCFC7	RGB 204 207 199	#CCCFC7
16.7%	16.7% #C4C8B9	RGB 196 200 185	#C4C8B9
33.3%	33.3% #BDC2AC	RGB 189 194 172	#BDC2AC
50.0%	50.0% #B6BB9E	RGB 182 187 158	#B6BB9E
66.7%	66.7% #AFB591	RGB 175 181 145	#AFB591
83.3%	83.3% #A8AE83	RGB 168 174 131	#A8AE83
100.0%	100.0% #A1A876	RGB 161 168 118	#A1A876

#CCCFC7 #C4C8B9 #BDC2AC #B6BB9E #AFB591 #A8AE83 #A1A876

#CCCFC7 - #A1A876

HSV Blend

#CCCFC7 - #A1A876 | 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 #CCCFC7 as 0% and #A1A876 as 100%.

0.0%	0.0% #CCCFC7	RGB 204 207 199	#CCCFC7
16.7%	16.7% #C2C8B8	RGB 194 200 184	#C2C8B8
33.3%	33.3% #BAC2A9	RGB 186 194 169	#BAC2A9
50.0%	50.0% #B3BB9B	RGB 179 187 155	#B3BB9B
66.7%	66.7% #ACB58E	RGB 172 181 142	#ACB58E
83.3%	83.3% #A6AE82	RGB 166 174 130	#A6AE82
100.0%	100.0% #A1A876	RGB 161 168 118	#A1A876

#CCCFC7 #C2C8B8 #BAC2A9 #B3BB9B #ACB58E #A6AE82 #A1A876

#CCCFC7 - #B3BB9B - #A1A876

CSS codes

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

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