#D4C0C7 - #A96D7B | 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 #D4C0C7 to #A96D7B

#D4C0C7 #A96D7B

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

#D4C0C7 - #A96D7B | 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 #D4C0C7 as 0% and #A96D7B as 100%.

0.0%	0.0% #D4C0C7	RGB 212 192 199	#D4C0C7
16.7%	16.7% #CCB2BA	RGB 204 178 186	#CCB2BA
33.3%	33.3% #C5A4AD	RGB 197 164 173	#C5A4AD
50.0%	50.0% #BE96A1	RGB 190 150 161	#BE96A1
66.7%	66.7% #B78894	RGB 183 136 148	#B78894
83.3%	83.3% #B07A87	RGB 176 122 135	#B07A87
100.0%	100.0% #A96D7B	RGB 169 109 123	#A96D7B

#D4C0C7 #CCB2BA #C5A4AD #BE96A1 #B78894 #B07A87 #A96D7B

#D4C0C7 - #A96D7B

HSV Blend

#D4C0C7 - #A96D7B | 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 #D4C0C7 as 0% and #A96D7B as 100%.

0.0%	0.0% #D4C0C7	RGB 212 192 199	#D4C0C7
16.7%	16.7% #CCB0B9	RGB 204 176 185	#CCB0B9
33.3%	33.3% #C5A1AC	RGB 197 161 172	#C5A1AC
50.0%	50.0% #BE93A0	RGB 190 147 160	#BE93A0
66.7%	66.7% #B78693	RGB 183 134 147	#B78693
83.3%	83.3% #B07987	RGB 176 121 135	#B07987
100.0%	100.0% #A96D7B	RGB 169 109 123	#A96D7B

#D4C0C7 #CCB0B9 #C5A1AC #BE93A0 #B78693 #B07987 #A96D7B

#D4C0C7 - #BE93A0 - #A96D7B

CSS codes

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

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