#CFCBC5 - #AC8C73 | 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 #CFCBC5 to #AC8C73

#CFCBC5 #AC8C73

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

#CFCBC5 - #AC8C73 | 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 #CFCBC5 as 0% and #AC8C73 as 100%.

0.0%	0.0% #CFCBC5	RGB 207 203 197	#CFCBC5
16.7%	16.7% #C9C0B7	RGB 201 192 183	#C9C0B7
33.3%	33.3% #C3B6A9	RGB 195 182 169	#C3B6A9
50.0%	50.0% #BDAB9C	RGB 189 171 156	#BDAB9C
66.7%	66.7% #B7A18E	RGB 183 161 142	#B7A18E
83.3%	83.3% #B19680	RGB 177 150 128	#B19680
100.0%	100.0% #AC8C73	RGB 172 140 115	#AC8C73

#CFCBC5 #C9C0B7 #C3B6A9 #BDAB9C #B7A18E #B19680 #AC8C73

#CFCBC5 - #AC8C73

HSV Blend

#CFCBC5 - #AC8C73 | 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 #CFCBC5 as 0% and #AC8C73 as 100%.

0.0%	0.0% #CFCBC5	RGB 207 203 197	#CFCBC5
16.7%	16.7% #C9C0B5	RGB 201 192 181	#C9C0B5
33.3%	33.3% #C3B6A7	RGB 195 182 167	#C3B6A7
50.0%	50.0% #BDAC99	RGB 189 172 153	#BDAC99
66.7%	66.7% #B7A18C	RGB 183 161 140	#B7A18C
83.3%	83.3% #B1967F	RGB 177 150 127	#B1967F
100.0%	100.0% #AC8C73	RGB 172 140 115	#AC8C73

#CFCBC5 #C9C0B5 #C3B6A7 #BDAC99 #B7A18C #B1967F #AC8C73

#CFCBC5 - #BDAC99 - #AC8C73

CSS codes

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

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