#AABAC6 - #DFD3CD | 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 #AABAC6 to #DFD3CD

#AABAC6 #DFD3CD

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

#AABAC6 - #DFD3CD | 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 #AABAC6 as 0% and #DFD3CD as 100%.

0.0%	0.0% #AABAC6	RGB 170 186 198	#AABAC6
16.7%	16.7% #B2BEC7	RGB 178 190 199	#B2BEC7
33.3%	33.3% #BBC2C8	RGB 187 194 200	#BBC2C8
50.0%	50.0% #C4C6C9	RGB 196 198 201	#C4C6C9
66.7%	66.7% #CDCACA	RGB 205 202 202	#CDCACA
83.3%	83.3% #D6CECB	RGB 214 206 203	#D6CECB
100.0%	100.0% #DFD3CD	RGB 223 211 205	#DFD3CD

#AABAC6 #B2BEC7 #BBC2C8 #C4C6C9 #CDCACA #D6CECB #DFD3CD

#AABAC6 - #DFD3CD

HSV Blend

#AABAC6 - #DFD3CD | 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 #AABAC6 as 0% and #DFD3CD as 100%.

0.0%	0.0% #AABAC6	RGB 170 186 198	#AABAC6
16.7%	16.7% #AFB1CA	RGB 175 177 202	#AFB1CA
33.3%	33.3% #BFB5CE	RGB 191 181 206	#BFB5CE
50.0%	50.0% #CFBBD2	RGB 207 187 210	#CFBBD2
66.7%	66.7% #D6C0CE	RGB 214 192 206	#D6C0CE
83.3%	83.3% #DAC6C9	RGB 218 198 201	#DAC6C9
100.0%	100.0% #DFD3CD	RGB 223 211 205	#DFD3CD

#AABAC6 #AFB1CA #BFB5CE #CFBBD2 #D6C0CE #DAC6C9 #DFD3CD

#AABAC6 - #CFBBD2 - #DFD3CD

CSS codes

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

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