#D9C4C7 - #AB7172 | 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 #D9C4C7 to #AB7172

#D9C4C7 #AB7172

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

#D9C4C7 - #AB7172 | 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 #D9C4C7 as 0% and #AB7172 as 100%.

0.0%	0.0% #D9C4C7	RGB 217 196 199	#D9C4C7
16.7%	16.7% #D1B6B8	RGB 209 182 184	#D1B6B8
33.3%	33.3% #C9A8AA	RGB 201 168 170	#C9A8AA
50.0%	50.0% #C29A9C	RGB 194 154 156	#C29A9C
66.7%	66.7% #BA8C8E	RGB 186 140 142	#BA8C8E
83.3%	83.3% #B27E80	RGB 178 126 128	#B27E80
100.0%	100.0% #AB7172	RGB 171 113 114	#AB7172

#D9C4C7 #D1B6B8 #C9A8AA #C29A9C #BA8C8E #B27E80 #AB7172

#D9C4C7 - #AB7172

HSV Blend

#D9C4C7 - #AB7172 | 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 #D9C4C7 as 0% and #AB7172 as 100%.

0.0%	0.0% #D9C4C7	RGB 217 196 199	#D9C4C7
16.7%	16.7% #D1B4B8	RGB 209 180 184	#D1B4B8
33.3%	33.3% #C9A5A9	RGB 201 165 169	#C9A5A9
50.0%	50.0% #C2979B	RGB 194 151 155	#C2979B
66.7%	66.7% #BA8A8D	RGB 186 138 141	#BA8A8D
83.3%	83.3% #B27D7F	RGB 178 125 127	#B27D7F
100.0%	100.0% #AB7172	RGB 171 113 114	#AB7172

#D9C4C7 #D1B4B8 #C9A5A9 #C2979B #BA8A8D #B27D7F #AB7172

#D9C4C7 - #C2979B - #AB7172

CSS codes

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

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