#CDC4C0 - #A3746E | 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 #CDC4C0 to #A3746E

#CDC4C0 #A3746E

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

#CDC4C0 - #A3746E | 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 #CDC4C0 as 0% and #A3746E as 100%.

0.0%	0.0% #CDC4C0	RGB 205 196 192	#CDC4C0
16.7%	16.7% #C6B6B2	RGB 198 182 178	#C6B6B2
33.3%	33.3% #BFA9A4	RGB 191 169 164	#BFA9A4
50.0%	50.0% #B89C97	RGB 184 156 151	#B89C97
66.7%	66.7% #B18E89	RGB 177 142 137	#B18E89
83.3%	83.3% #AA817B	RGB 170 129 123	#AA817B
100.0%	100.0% #A3746E	RGB 163 116 110	#A3746E

#CDC4C0 #C6B6B2 #BFA9A4 #B89C97 #B18E89 #AA817B #A3746E

#CDC4C0 - #A3746E

HSV Blend

#CDC4C0 - #A3746E | 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 #CDC4C0 as 0% and #A3746E as 100%.

0.0%	0.0% #CDC4C0	RGB 205 196 192	#CDC4C0
16.7%	16.7% #C6B6B0	RGB 198 182 176	#C6B6B0
33.3%	33.3% #BFA9A2	RGB 191 169 162	#BFA9A2
50.0%	50.0% #B89B94	RGB 184 155 148	#B89B94
66.7%	66.7% #B18E86	RGB 177 142 134	#B18E86
83.3%	83.3% #AA817A	RGB 170 129 122	#AA817A
100.0%	100.0% #A3746E	RGB 163 116 110	#A3746E

#CDC4C0 #C6B6B0 #BFA9A2 #B89B94 #B18E86 #AA817A #A3746E

#CDC4C0 - #B89B94 - #A3746E

CSS codes

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

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