#DCCFDF - #AF7EAD | 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 #DCCFDF to #AF7EAD

#DCCFDF #AF7EAD

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

#DCCFDF - #AF7EAD | 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 #DCCFDF as 0% and #AF7EAD as 100%.

0.0%	0.0% #DCCFDF	RGB 220 207 223	#DCCFDF
16.7%	16.7% #D4C1D6	RGB 212 193 214	#D4C1D6
33.3%	33.3% #CDB4CE	RGB 205 180 206	#CDB4CE
50.0%	50.0% #C5A6C6	RGB 197 166 198	#C5A6C6
66.7%	66.7% #BE99BD	RGB 190 153 189	#BE99BD
83.3%	83.3% #B68BB5	RGB 182 139 181	#B68BB5
100.0%	100.0% #AF7EAD	RGB 175 126 173	#AF7EAD

#DCCFDF #D4C1D6 #CDB4CE #C5A6C6 #BE99BD #B68BB5 #AF7EAD

#DCCFDF - #AF7EAD

HSV Blend

#DCCFDF - #AF7EAD | 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 #DCCFDF as 0% and #AF7EAD as 100%.

0.0%	0.0% #DCCFDF	RGB 220 207 223	#DCCFDF
16.7%	16.7% #D3C0D7	RGB 211 192 215	#D3C0D7
33.3%	33.3% #CBB1CF	RGB 203 177 207	#CBB1CF
50.0%	50.0% #C4A4C7	RGB 196 164 199	#C4A4C7
66.7%	66.7% #BD96BF	RGB 189 150 191	#BD96BF
83.3%	83.3% #B78AB6	RGB 183 138 182	#B78AB6
100.0%	100.0% #AF7EAD	RGB 175 126 173	#AF7EAD

#DCCFDF #D3C0D7 #CBB1CF #C4A4C7 #BD96BF #B78AB6 #AF7EAD

#DCCFDF - #C4A4C7 - #AF7EAD

CSS codes

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

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