#DCCFD6 - #AD7F9A | 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 #DCCFD6 to #AD7F9A

#DCCFD6 #AD7F9A

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

#DCCFD6 - #AD7F9A | 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 #DCCFD6 as 0% and #AD7F9A as 100%.

0.0%	0.0% #DCCFD6	RGB 220 207 214	#DCCFD6
16.7%	16.7% #D4C1CC	RGB 212 193 204	#D4C1CC
33.3%	33.3% #CCB4C2	RGB 204 180 194	#CCB4C2
50.0%	50.0% #C4A7B8	RGB 196 167 184	#C4A7B8
66.7%	66.7% #BC99AE	RGB 188 153 174	#BC99AE
83.3%	83.3% #B48CA4	RGB 180 140 164	#B48CA4
100.0%	100.0% #AD7F9A	RGB 173 127 154	#AD7F9A

#DCCFD6 #D4C1CC #CCB4C2 #C4A7B8 #BC99AE #B48CA4 #AD7F9A

#DCCFD6 - #AD7F9A

HSV Blend

#DCCFD6 - #AD7F9A | 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 #DCCFD6 as 0% and #AD7F9A as 100%.

0.0%	0.0% #DCCFD6	RGB 220 207 214	#DCCFD6
16.7%	16.7% #D4C0CB	RGB 212 192 203	#D4C0CB
33.3%	33.3% #CCB2C0	RGB 204 178 192	#CCB2C0
50.0%	50.0% #C4A4B6	RGB 196 164 182	#C4A4B6
66.7%	66.7% #BC97AC	RGB 188 151 172	#BC97AC
83.3%	83.3% #B48AA3	RGB 180 138 163	#B48AA3
100.0%	100.0% #AD7F9A	RGB 173 127 154	#AD7F9A

#DCCFD6 #D4C0CB #CCB2C0 #C4A4B6 #BC97AC #B48AA3 #AD7F9A

#DCCFD6 - #C4A4B6 - #AD7F9A

CSS codes

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

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