#DCAFDB - #DDDFDD | 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 #DCAFDB to #DDDFDD

#DCAFDB #DDDFDD

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

#DCAFDB - #DDDFDD | 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 #DCAFDB as 0% and #DDDFDD as 100%.

0.0%	0.0% #DCAFDB	RGB 220 175 219	#DCAFDB
16.7%	16.7% #DCB7DB	RGB 220 183 219	#DCB7DB
33.3%	33.3% #DCBFDB	RGB 220 191 219	#DCBFDB
50.0%	50.0% #DCC7DC	RGB 220 199 220	#DCC7DC
66.7%	66.7% #DCCFDC	RGB 220 207 220	#DCCFDC
83.3%	83.3% #DCD7DC	RGB 220 215 220	#DCD7DC
100.0%	100.0% #DDDFDD	RGB 221 223 221	#DDDFDD

#DCAFDB #DCB7DB #DCBFDB #DCC7DC #DCCFDC #DCD7DC #DDDFDD

#DCAFDB - #DDDFDD

HSV Blend

#DCAFDB - #DDDFDD | 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 #DCAFDB as 0% and #DDDFDD as 100%.

0.0%	0.0% #DCAFDB	RGB 220 175 219	#DCAFDB
16.7%	16.7% #DCB6C8	RGB 220 182 200	#DCB6C8
33.3%	33.3% #DDBEBE	RGB 221 190 190	#DDBEBE
50.0%	50.0% #DDD1C5	RGB 221 209 197	#DDD1C5
66.7%	66.7% #DDDECD	RGB 221 222 205	#DDDECD
83.3%	83.3% #D9DED5	RGB 217 222 213	#D9DED5
100.0%	100.0% #DDDFDD	RGB 221 223 221	#DDDFDD

#DCAFDB #DCB6C8 #DDBEBE #DDD1C5 #DDDECD #D9DED5 #DDDFDD

#DCAFDB - #DDD1C5 - #DDDFDD

CSS codes

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

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