#D9CED4 - #AE7A8D | 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 #D9CED4 to #AE7A8D

#D9CED4 #AE7A8D

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

#D9CED4 - #AE7A8D | 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 #D9CED4 as 0% and #AE7A8D as 100%.

0.0%	0.0% #D9CED4	RGB 217 206 212	#D9CED4
16.7%	16.7% #D1C0C8	RGB 209 192 200	#D1C0C8
33.3%	33.3% #CAB2BC	RGB 202 178 188	#CAB2BC
50.0%	50.0% #C3A4B0	RGB 195 164 176	#C3A4B0
66.7%	66.7% #BC96A4	RGB 188 150 164	#BC96A4
83.3%	83.3% #B58898	RGB 181 136 152	#B58898
100.0%	100.0% #AE7A8D	RGB 174 122 141	#AE7A8D

#D9CED4 #D1C0C8 #CAB2BC #C3A4B0 #BC96A4 #B58898 #AE7A8D

#D9CED4 - #AE7A8D

HSV Blend

#D9CED4 - #AE7A8D | 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 #D9CED4 as 0% and #AE7A8D as 100%.

0.0%	0.0% #D9CED4	RGB 217 206 212	#D9CED4
16.7%	16.7% #D1BEC8	RGB 209 190 200	#D1BEC8
33.3%	33.3% #CAAFBC	RGB 202 175 188	#CAAFBC
50.0%	50.0% #C3A1B0	RGB 195 161 176	#C3A1B0
66.7%	66.7% #BC93A4	RGB 188 147 164	#BC93A4
83.3%	83.3% #B58698	RGB 181 134 152	#B58698
100.0%	100.0% #AE7A8D	RGB 174 122 141	#AE7A8D

#D9CED4 #D1BEC8 #CAAFBC #C3A1B0 #BC93A4 #B58698 #AE7A8D

#D9CED4 - #C3A1B0 - #AE7A8D

CSS codes

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

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