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

#AFDCCD #DFDDDD

Calculate the color between two colors, #AFDCCD 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)

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

0.0%	0.0% #AFDCCD	RGB 175 220 205	#AFDCCD
16.7%	16.7% #B7DCCF	RGB 183 220 207	#B7DCCF
33.3%	33.3% #BFDCD2	RGB 191 220 210	#BFDCD2
50.0%	50.0% #C7DCD5	RGB 199 220 213	#C7DCD5
66.7%	66.7% #CFDCD7	RGB 207 220 215	#CFDCD7
83.3%	83.3% #D7DCDA	RGB 215 220 218	#D7DCDA
100.0%	100.0% #DFDDDD	RGB 223 221 221	#DFDDDD

#AFDCCD #B7DCCF #BFDCD2 #C7DCD5 #CFDCD7 #D7DCDA #DFDDDD

#AFDCCD - #DFDDDD

HSV Blend

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

0.0%	0.0% #AFDCCD	RGB 175 220 205	#AFDCCD
16.7%	16.7% #B6DCBF	RGB 182 220 191	#B6DCBF
33.3%	33.3% #C5DDBE	RGB 197 221 190	#C5DDBE
50.0%	50.0% #D5DDC5	RGB 213 221 197	#D5DDC5
66.7%	66.7% #DEDCCD	RGB 222 220 205	#DEDCCD
83.3%	83.3% #DED9D5	RGB 222 217 213	#DED9D5
100.0%	100.0% #DFDDDD	RGB 223 221 221	#DFDDDD

#AFDCCD #B6DCBF #C5DDBE #D5DDC5 #DEDCCD #DED9D5 #DFDDDD

#AFDCCD - #D5DDC5 - #DFDDDD

CSS codes

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

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