#DCCFDF - #AD69AA | 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 #AD69AA

#DCCFDF #AD69AA

Calculate the color between two colors, #DCCFDF and #AD69AA. 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 - #AD69AA | 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 #AD69AA as 100%.

0.0%	0.0% #DCCFDF	RGB 220 207 223	#DCCFDF
16.7%	16.7% #D4BED6	RGB 212 190 214	#D4BED6
33.3%	33.3% #CCADCD	RGB 204 173 205	#CCADCD
50.0%	50.0% #C49CC4	RGB 196 156 196	#C49CC4
66.7%	66.7% #BC8BBB	RGB 188 139 187	#BC8BBB
83.3%	83.3% #B47AB2	RGB 180 122 178	#B47AB2
100.0%	100.0% #AD69AA	RGB 173 105 170	#AD69AA

#DCCFDF #D4BED6 #CCADCD #C49CC4 #BC8BBB #B47AB2 #AD69AA

#DCCFDF - #AD69AA

HSV Blend

#DCCFDF - #AD69AA | 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 #AD69AA as 100%.

0.0%	0.0% #DCCFDF	RGB 220 207 223	#DCCFDF
16.7%	16.7% #D2BBD6	RGB 210 187 214	#D2BBD6
33.3%	33.3% #CAA9CE	RGB 202 169 206	#CAA9CE
50.0%	50.0% #C297C6	RGB 194 151 198	#C297C6
66.7%	66.7% #BB87BD	RGB 187 135 189	#BB87BD
83.3%	83.3% #B577B4	RGB 181 119 180	#B577B4
100.0%	100.0% #AD69AA	RGB 173 105 170	#AD69AA

#DCCFDF #D2BBD6 #CAA9CE #C297C6 #BB87BD #B577B4 #AD69AA

#DCCFDF - #C297C6 - #AD69AA

CSS codes

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

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