#AEB2AA - #D9C3E6 | 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 #AEB2AA to #D9C3E6

#AEB2AA #D9C3E6

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

#AEB2AA - #D9C3E6 | 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 #AEB2AA as 0% and #D9C3E6 as 100%.

0.0%	0.0% #AEB2AA	RGB 174 178 170	#AEB2AA
16.7%	16.7% #B5B4B4	RGB 181 180 180	#B5B4B4
33.3%	33.3% #BCB7BE	RGB 188 183 190	#BCB7BE
50.0%	50.0% #C3BAC8	RGB 195 186 200	#C3BAC8
66.7%	66.7% #CABDD2	RGB 202 189 210	#CABDD2
83.3%	83.3% #D1C0DC	RGB 209 192 220	#D1C0DC
100.0%	100.0% #D9C3E6	RGB 217 195 230	#D9C3E6

#AEB2AA #B5B4B4 #BCB7BE #C3BAC8 #CABDD2 #D1C0DC #D9C3E6

#AEB2AA - #D9C3E6

HSV Blend

#AEB2AA - #D9C3E6 | 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 #AEB2AA as 0% and #D9C3E6 as 100%.

0.0%	0.0% #AEB2AA	RGB 174 178 170	#AEB2AA
16.7%	16.7% #BABAAE	RGB 186 186 174	#BABAAE
33.3%	33.3% #C3BCB3	RGB 195 188 179	#C3BCB3
50.0%	50.0% #CCB9B7	RGB 204 185 183	#CCB9B7
66.7%	66.7% #D4BBC6	RGB 212 187 198	#D4BBC6
83.3%	83.3% #DDBFDA	RGB 221 191 218	#DDBFDA
100.0%	100.0% #D9C3E6	RGB 217 195 230	#D9C3E6

#AEB2AA #BABAAE #C3BCB3 #CCB9B7 #D4BBC6 #DDBFDA #D9C3E6

#AEB2AA - #CCB9B7 - #D9C3E6

CSS codes

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

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