#CFCFC5 - #AA9F73 | 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 #CFCFC5 to #AA9F73

#CFCFC5 #AA9F73

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

#CFCFC5 - #AA9F73 | 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 #CFCFC5 as 0% and #AA9F73 as 100%.

0.0%	0.0% #CFCFC5	RGB 207 207 197	#CFCFC5
16.7%	16.7% #C8C7B7	RGB 200 199 183	#C8C7B7
33.3%	33.3% #C2BFA9	RGB 194 191 169	#C2BFA9
50.0%	50.0% #BCB79C	RGB 188 183 156	#BCB79C
66.7%	66.7% #B6AF8E	RGB 182 175 142	#B6AF8E
83.3%	83.3% #B0A780	RGB 176 167 128	#B0A780
100.0%	100.0% #AA9F73	RGB 170 159 115	#AA9F73

#CFCFC5 #C8C7B7 #C2BFA9 #BCB79C #B6AF8E #B0A780 #AA9F73

#CFCFC5 - #AA9F73

HSV Blend

#CFCFC5 - #AA9F73 | 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 #CFCFC5 as 0% and #AA9F73 as 100%.

0.0%	0.0% #CFCFC5	RGB 207 207 197	#CFCFC5
16.7%	16.7% #C8C8B5	RGB 200 200 181	#C8C8B5
33.3%	33.3% #C2C0A7	RGB 194 192 167	#C2C0A7
50.0%	50.0% #BCB899	RGB 188 184 153	#BCB899
66.7%	66.7% #B6B08C	RGB 182 176 140	#B6B08C
83.3%	83.3% #B0A87F	RGB 176 168 127	#B0A87F
100.0%	100.0% #AA9F73	RGB 170 159 115	#AA9F73

#CFCFC5 #C8C8B5 #C2C0A7 #BCB899 #B6B08C #B0A87F #AA9F73

#CFCFC5 - #BCB899 - #AA9F73

CSS codes

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

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