#D9CED3 - #AC7C8C | 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 #D9CED3 to #AC7C8C

#D9CED3 #AC7C8C

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

#D9CED3 - #AC7C8C | 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 #D9CED3 as 0% and #AC7C8C as 100%.

0.0%	0.0% #D9CED3	RGB 217 206 211	#D9CED3
16.7%	16.7% #D1C0C7	RGB 209 192 199	#D1C0C7
33.3%	33.3% #CAB2BB	RGB 202 178 187	#CAB2BB
50.0%	50.0% #C2A5AF	RGB 194 165 175	#C2A5AF
66.7%	66.7% #BB97A3	RGB 187 151 163	#BB97A3
83.3%	83.3% #B38997	RGB 179 137 151	#B38997
100.0%	100.0% #AC7C8C	RGB 172 124 140	#AC7C8C

#D9CED3 #D1C0C7 #CAB2BB #C2A5AF #BB97A3 #B38997 #AC7C8C

#D9CED3 - #AC7C8C

HSV Blend

#D9CED3 - #AC7C8C | 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 #D9CED3 as 0% and #AC7C8C as 100%.

0.0%	0.0% #D9CED3	RGB 217 206 211	#D9CED3
16.7%	16.7% #D1BEC6	RGB 209 190 198	#D1BEC6
33.3%	33.3% #CAB0BA	RGB 202 176 186	#CAB0BA
50.0%	50.0% #C2A2AF	RGB 194 162 175	#C2A2AF
66.7%	66.7% #BB95A3	RGB 187 149 163	#BB95A3
83.3%	83.3% #B38897	RGB 179 136 151	#B38897
100.0%	100.0% #AC7C8C	RGB 172 124 140	#AC7C8C

#D9CED3 #D1BEC6 #CAB0BA #C2A2AF #BB95A3 #B38897 #AC7C8C

#D9CED3 - #C2A2AF - #AC7C8C

CSS codes

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

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