#A8BCC8 - #DED4CF | 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 #A8BCC8 to #DED4CF

#A8BCC8 #DED4CF

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

#A8BCC8 - #DED4CF | 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 #A8BCC8 as 0% and #DED4CF as 100%.

0.0%	0.0% #A8BCC8	RGB 168 188 200	#A8BCC8
16.7%	16.7% #B1C0C9	RGB 177 192 201	#B1C0C9
33.3%	33.3% #BAC4CA	RGB 186 196 202	#BAC4CA
50.0%	50.0% #C3C8CB	RGB 195 200 203	#C3C8CB
66.7%	66.7% #CCCCCC	RGB 204 204 204	#CCCCCC
83.3%	83.3% #D5D0CD	RGB 213 208 205	#D5D0CD
100.0%	100.0% #DED4CF	RGB 222 212 207	#DED4CF

#A8BCC8 #B1C0C9 #BAC4CA #C3C8CB #CCCCCC #D5D0CD #DED4CF

#A8BCC8 - #DED4CF

HSV Blend

#A8BCC8 - #DED4CF | 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 #A8BCC8 as 0% and #DED4CF as 100%.

0.0%	0.0% #A8BCC8	RGB 168 188 200	#A8BCC8
16.7%	16.7% #AEB2CB	RGB 174 178 203	#AEB2CB
33.3%	33.3% #BEB4CF	RGB 190 180 207	#BEB4CF
50.0%	50.0% #CFBAD3	RGB 207 186 211	#CFBAD3
66.7%	66.7% #D6C1CF	RGB 214 193 207	#D6C1CF
83.3%	83.3% #DAC8CB	RGB 218 200 203	#DAC8CB
100.0%	100.0% #DED4CF	RGB 222 212 207	#DED4CF

#A8BCC8 #AEB2CB #BEB4CF #CFBAD3 #D6C1CF #DAC8CB #DED4CF

#A8BCC8 - #CFBAD3 - #DED4CF

CSS codes

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

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