#CFCDCC - #AA837C | 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 #CFCDCC to #AA837C

#CFCDCC #AA837C

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

#CFCDCC - #AA837C | 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 #CFCDCC as 0% and #AA837C as 100%.

0.0%	0.0% #CFCDCC	RGB 207 205 204	#CFCDCC
16.7%	16.7% #C8C0BE	RGB 200 192 190	#C8C0BE
33.3%	33.3% #C2B4B1	RGB 194 180 177	#C2B4B1
50.0%	50.0% #BCA8A4	RGB 188 168 164	#BCA8A4
66.7%	66.7% #B69B96	RGB 182 155 150	#B69B96
83.3%	83.3% #B08F89	RGB 176 143 137	#B08F89
100.0%	100.0% #AA837C	RGB 170 131 124	#AA837C

#CFCDCC #C8C0BE #C2B4B1 #BCA8A4 #B69B96 #B08F89 #AA837C

#CFCDCC - #AA837C

HSV Blend

#CFCDCC - #AA837C | 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 #CFCDCC as 0% and #AA837C as 100%.

0.0%	0.0% #CFCDCC	RGB 207 205 204	#CFCDCC
16.7%	16.7% #C8C0BD	RGB 200 192 189	#C8C0BD
33.3%	33.3% #C2B4AF	RGB 194 180 175	#C2B4AF
50.0%	50.0% #BCA8A1	RGB 188 168 161	#BCA8A1
66.7%	66.7% #B69B94	RGB 182 155 148	#B69B94
83.3%	83.3% #B08F88	RGB 176 143 136	#B08F88
100.0%	100.0% #AA837C	RGB 170 131 124	#AA837C

#CFCDCC #C8C0BD #C2B4AF #BCA8A1 #B69B94 #B08F88 #AA837C

#CFCDCC - #BCA8A1 - #AA837C

CSS codes

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

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