#AEA2B6 - #D2D9BE | 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 #AEA2B6 to #D2D9BE

#AEA2B6 #D2D9BE

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

#AEA2B6 - #D2D9BE | 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 #AEA2B6 as 0% and #D2D9BE as 100%.

0.0%	0.0% #AEA2B6	RGB 174 162 182	#AEA2B6
16.7%	16.7% #B4ABB7	RGB 180 171 183	#B4ABB7
33.3%	33.3% #BAB4B8	RGB 186 180 184	#BAB4B8
50.0%	50.0% #C0BDBA	RGB 192 189 186	#C0BDBA
66.7%	66.7% #C6C6BB	RGB 198 198 187	#C6C6BB
83.3%	83.3% #CCCFBC	RGB 204 207 188	#CCCFBC
100.0%	100.0% #D2D9BE	RGB 210 217 190	#D2D9BE

#AEA2B6 #B4ABB7 #BAB4B8 #C0BDBA #C6C6BB #CCCFBC #D2D9BE

#AEA2B6 - #D2D9BE

HSV Blend

#AEA2B6 - #D2D9BE | 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 #AEA2B6 as 0% and #D2D9BE as 100%.

0.0%	0.0% #AEA2B6	RGB 174 162 182	#AEA2B6
16.7%	16.7% #BBA6BA	RGB 187 166 186	#BBA6BA
33.3%	33.3% #C1ABB6	RGB 193 171 182	#C1ABB6
50.0%	50.0% #C7B0B1	RGB 199 176 177	#C7B0B1
66.7%	66.7% #CDBDB4	RGB 205 189 180	#CDBDB4
83.3%	83.3% #D3CEB9	RGB 211 206 185	#D3CEB9
100.0%	100.0% #D2D9BE	RGB 210 217 190	#D2D9BE

#AEA2B6 #BBA6BA #C1ABB6 #C7B0B1 #CDBDB4 #D3CEB9 #D2D9BE

#AEA2B6 - #C7B0B1 - #D2D9BE

CSS codes

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

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