#D0ACDF - #D0CFDD | 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 #D0ACDF to #D0CFDD

#D0ACDF #D0CFDD

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

#D0ACDF - #D0CFDD | 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 #D0ACDF as 0% and #D0CFDD as 100%.

0.0%	0.0% #D0ACDF	RGB 208 172 223	#D0ACDF
16.7%	16.7% #D0B1DE	RGB 208 177 222	#D0B1DE
33.3%	33.3% #D0B7DE	RGB 208 183 222	#D0B7DE
50.0%	50.0% #D0BDDE	RGB 208 189 222	#D0BDDE
66.7%	66.7% #D0C3DD	RGB 208 195 221	#D0C3DD
83.3%	83.3% #D0C9DD	RGB 208 201 221	#D0C9DD
100.0%	100.0% #D0CFDD	RGB 208 207 221	#D0CFDD

#D0ACDF #D0B1DE #D0B7DE #D0BDDE #D0C3DD #D0C9DD #D0CFDD

#D0ACDF - #D0CFDD

HSV Blend

#D0ACDF - #D0CFDD | 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 #D0ACDF as 0% and #D0CFDD as 100%.

0.0%	0.0% #D0ACDF	RGB 208 172 223	#D0ACDF
16.7%	16.7% #CCB1DE	RGB 204 177 222	#CCB1DE
33.3%	33.3% #CAB7DE	RGB 202 183 222	#CAB7DE
50.0%	50.0% #CABDDE	RGB 202 189 222	#CABDDE
66.7%	66.7% #CAC3DD	RGB 202 195 221	#CAC3DD
83.3%	83.3% #CCC9DD	RGB 204 201 221	#CCC9DD
100.0%	100.0% #D0CFDD	RGB 208 207 221	#D0CFDD

#D0ACDF #CCB1DE #CAB7DE #CABDDE #CAC3DD #CCC9DD #D0CFDD

#D0ACDF - #CABDDE - #D0CFDD

CSS codes

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

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