#CFCAC4 - #AD8A72 | 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 #CFCAC4 to #AD8A72

#CFCAC4 #AD8A72

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

#CFCAC4 - #AD8A72 | 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 #CFCAC4 as 0% and #AD8A72 as 100%.

0.0%	0.0% #CFCAC4	RGB 207 202 196	#CFCAC4
16.7%	16.7% #C9BFB6	RGB 201 191 182	#C9BFB6
33.3%	33.3% #C3B4A8	RGB 195 180 168	#C3B4A8
50.0%	50.0% #BEAA9B	RGB 190 170 155	#BEAA9B
66.7%	66.7% #B89F8D	RGB 184 159 141	#B89F8D
83.3%	83.3% #B2947F	RGB 178 148 127	#B2947F
100.0%	100.0% #AD8A72	RGB 173 138 114	#AD8A72

#CFCAC4 #C9BFB6 #C3B4A8 #BEAA9B #B89F8D #B2947F #AD8A72

#CFCAC4 - #AD8A72

HSV Blend

#CFCAC4 - #AD8A72 | 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 #CFCAC4 as 0% and #AD8A72 as 100%.

0.0%	0.0% #CFCAC4	RGB 207 202 196	#CFCAC4
16.7%	16.7% #C9BFB4	RGB 201 191 180	#C9BFB4
33.3%	33.3% #C3B5A6	RGB 195 181 166	#C3B5A6
50.0%	50.0% #BEAA98	RGB 190 170 152	#BEAA98
66.7%	66.7% #B89F8B	RGB 184 159 139	#B89F8B
83.3%	83.3% #B2947E	RGB 178 148 126	#B2947E
100.0%	100.0% #AD8A72	RGB 173 138 114	#AD8A72

#CFCAC4 #C9BFB4 #C3B5A6 #BEAA98 #B89F8B #B2947E #AD8A72

#CFCAC4 - #BEAA98 - #AD8A72

CSS codes

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

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