#CCC8A8 - #AFA253 | 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 #CCC8A8 to #AFA253

#CCC8A8 #AFA253

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

#CCC8A8 - #AFA253 | 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 #CCC8A8 as 0% and #AFA253 as 100%.

0.0%	0.0% #CCC8A8	RGB 204 200 168	#CCC8A8
16.7%	16.7% #C7C199	RGB 199 193 153	#C7C199
33.3%	33.3% #C2BB8B	RGB 194 187 139	#C2BB8B
50.0%	50.0% #BDB57D	RGB 189 181 125	#BDB57D
66.7%	66.7% #B8AE6F	RGB 184 174 111	#B8AE6F
83.3%	83.3% #B3A861	RGB 179 168 97	#B3A861
100.0%	100.0% #AFA253	RGB 175 162 83	#AFA253

#CCC8A8 #C7C199 #C2BB8B #BDB57D #B8AE6F #B3A861 #AFA253

#CCC8A8 - #AFA253

HSV Blend

#CCC8A8 - #AFA253 | 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 #CCC8A8 as 0% and #AFA253 as 100%.

0.0%	0.0% #CCC8A8	RGB 204 200 168	#CCC8A8
16.7%	16.7% #C7C198	RGB 199 193 152	#C7C198
33.3%	33.3% #C2BB89	RGB 194 187 137	#C2BB89
50.0%	50.0% #BDB57A	RGB 189 181 122	#BDB57A
66.7%	66.7% #B8AE6D	RGB 184 174 109	#B8AE6D
83.3%	83.3% #B3A85F	RGB 179 168 95	#B3A85F
100.0%	100.0% #AFA253	RGB 175 162 83	#AFA253

#CCC8A8 #C7C198 #C2BB89 #BDB57A #B8AE6D #B3A85F #AFA253

#CCC8A8 - #BDB57A - #AFA253

CSS codes

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

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