#A8C9AB - #DFD0DC | 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 #A8C9AB to #DFD0DC

#A8C9AB #DFD0DC

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

#A8C9AB - #DFD0DC | 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 #A8C9AB as 0% and #DFD0DC as 100%.

0.0%	0.0% #A8C9AB	RGB 168 201 171	#A8C9AB
16.7%	16.7% #B1CAB3	RGB 177 202 179	#B1CAB3
33.3%	33.3% #BACBBB	RGB 186 203 187	#BACBBB
50.0%	50.0% #C3CCC3	RGB 195 204 195	#C3CCC3
66.7%	66.7% #CCCDCB	RGB 204 205 203	#CCCDCB
83.3%	83.3% #D5CED3	RGB 213 206 211	#D5CED3
100.0%	100.0% #DFD0DC	RGB 223 208 220	#DFD0DC

#A8C9AB #B1CAB3 #BACBBB #C3CCC3 #CCCDCB #D5CED3 #DFD0DC

#A8C9AB - #DFD0DC

HSV Blend

#A8C9AB - #DFD0DC | 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 #A8C9AB as 0% and #DFD0DC as 100%.

0.0%	0.0% #A8C9AB	RGB 168 201 171	#A8C9AB
16.7%	16.7% #BACCAE	RGB 186 204 174	#BACCAE
33.3%	33.3% #CCD0B4	RGB 204 208 180	#CCD0B4
50.0%	50.0% #D4CBBB	RGB 212 203 187	#D4CBBB
66.7%	66.7% #D7C5C2	RGB 215 197 194	#D7C5C2
83.3%	83.3% #DBC9CE	RGB 219 201 206	#DBC9CE
100.0%	100.0% #DFD0DC	RGB 223 208 220	#DFD0DC

#A8C9AB #BACCAE #CCD0B4 #D4CBBB #D7C5C2 #DBC9CE #DFD0DC

#A8C9AB - #D4CBBB - #DFD0DC

CSS codes

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

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