#D4CCCC - #A16462 | 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 #D4CCCC to #A16462

#D4CCCC #A16462

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

#D4CCCC - #A16462 | 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 #D4CCCC as 0% and #A16462 as 100%.

0.0%	0.0% #D4CCCC	RGB 212 204 204	#D4CCCC
16.7%	16.7% #CBBABA	RGB 203 186 186	#CBBABA
33.3%	33.3% #C3A9A8	RGB 195 169 168	#C3A9A8
50.0%	50.0% #BA9897	RGB 186 152 151	#BA9897
66.7%	66.7% #B28685	RGB 178 134 133	#B28685
83.3%	83.3% #A97573	RGB 169 117 115	#A97573
100.0%	100.0% #A16462	RGB 161 100 98	#A16462

#D4CCCC #CBBABA #C3A9A8 #BA9897 #B28685 #A97573 #A16462

#D4CCCC - #A16462

HSV Blend

#D4CCCC - #A16462 | 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 #D4CCCC as 0% and #A16462 as 100%.

0.0%	0.0% #D4CCCC	RGB 212 204 204	#D4CCCC
16.7%	16.7% #CBB7B7	RGB 203 183 183	#CBB7B7
33.3%	33.3% #C3A4A4	RGB 195 164 164	#C3A4A4
50.0%	50.0% #BA9392	RGB 186 147 146	#BA9392
66.7%	66.7% #B28281	RGB 178 130 129	#B28281
83.3%	83.3% #A97271	RGB 169 114 113	#A97271
100.0%	100.0% #A16462	RGB 161 100 98	#A16462

#D4CCCC #CBB7B7 #C3A4A4 #BA9392 #B28281 #A97271 #A16462

#D4CCCC - #BA9392 - #A16462

CSS codes

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

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