#D8CED6 - #AC7B9A | 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 #D8CED6 to #AC7B9A

#D8CED6 #AC7B9A

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

#D8CED6 - #AC7B9A | 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 #D8CED6 as 0% and #AC7B9A as 100%.

0.0%	0.0% #D8CED6	RGB 216 206 214	#D8CED6
16.7%	16.7% #D0C0CC	RGB 208 192 204	#D0C0CC
33.3%	33.3% #C9B2C2	RGB 201 178 194	#C9B2C2
50.0%	50.0% #C2A4B8	RGB 194 164 184	#C2A4B8
66.7%	66.7% #BA96AE	RGB 186 150 174	#BA96AE
83.3%	83.3% #B388A4	RGB 179 136 164	#B388A4
100.0%	100.0% #AC7B9A	RGB 172 123 154	#AC7B9A

#D8CED6 #D0C0CC #C9B2C2 #C2A4B8 #BA96AE #B388A4 #AC7B9A

#D8CED6 - #AC7B9A

HSV Blend

#D8CED6 - #AC7B9A | 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 #D8CED6 as 0% and #AC7B9A as 100%.

0.0%	0.0% #D8CED6	RGB 216 206 214	#D8CED6
16.7%	16.7% #D0BECC	RGB 208 190 204	#D0BECC
33.3%	33.3% #C9B0C2	RGB 201 176 194	#C9B0C2
50.0%	50.0% #C2A1B8	RGB 194 161 184	#C2A1B8
66.7%	66.7% #BA94AE	RGB 186 148 174	#BA94AE
83.3%	83.3% #B387A4	RGB 179 135 164	#B387A4
100.0%	100.0% #AC7B9A	RGB 172 123 154	#AC7B9A

#D8CED6 #D0BECC #C9B0C2 #C2A1B8 #BA94AE #B387A4 #AC7B9A

#D8CED6 - #C2A1B8 - #AC7B9A

CSS codes

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

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