#AFCFDC - #DFDDDD | 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 #AFCFDC to #DFDDDD

#AFCFDC #DFDDDD

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

#AFCFDC - #DFDDDD | 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 #AFCFDC as 0% and #DFDDDD as 100%.

0.0%	0.0% #AFCFDC	RGB 175 207 220	#AFCFDC
16.7%	16.7% #B7D1DC	RGB 183 209 220	#B7D1DC
33.3%	33.3% #BFD3DC	RGB 191 211 220	#BFD3DC
50.0%	50.0% #C7D6DC	RGB 199 214 220	#C7D6DC
66.7%	66.7% #CFD8DC	RGB 207 216 220	#CFD8DC
83.3%	83.3% #D7DADC	RGB 215 218 220	#D7DADC
100.0%	100.0% #DFDDDD	RGB 223 221 221	#DFDDDD

#AFCFDC #B7D1DC #BFD3DC #C7D6DC #CFD8DC #D7DADC #DFDDDD

#AFCFDC - #DFDDDD

HSV Blend

#AFCFDC - #DFDDDD | 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 #AFCFDC as 0% and #DFDDDD as 100%.

0.0%	0.0% #AFCFDC	RGB 175 207 220	#AFCFDC
16.7%	16.7% #B6C0DC	RGB 182 192 220	#B6C0DC
33.3%	33.3% #C4BEDD	RGB 196 190 221	#C4BEDD
50.0%	50.0% #D5C5DD	RGB 213 197 221	#D5C5DD
66.7%	66.7% #DECDDC	RGB 222 205 220	#DECDDC
83.3%	83.3% #DED5D9	RGB 222 213 217	#DED5D9
100.0%	100.0% #DFDDDD	RGB 223 221 221	#DFDDDD

#AFCFDC #B6C0DC #C4BEDD #D5C5DD #DECDDC #DED5D9 #DFDDDD

#AFCFDC - #D5C5DD - #DFDDDD

CSS codes

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

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