#AAABB5 - #DFD4BE | 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 #AAABB5 to #DFD4BE

#AAABB5 #DFD4BE

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

#AAABB5 - #DFD4BE | 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 #AAABB5 as 0% and #DFD4BE as 100%.

0.0%	0.0% #AAABB5	RGB 170 171 181	#AAABB5
16.7%	16.7% #B2B1B6	RGB 178 177 182	#B2B1B6
33.3%	33.3% #BBB8B8	RGB 187 184 184	#BBB8B8
50.0%	50.0% #C4BFB9	RGB 196 191 185	#C4BFB9
66.7%	66.7% #CDC6BB	RGB 205 198 187	#CDC6BB
83.3%	83.3% #D6CDBC	RGB 214 205 188	#D6CDBC
100.0%	100.0% #DFD4BE	RGB 223 212 190	#DFD4BE

#AAABB5 #B2B1B6 #BBB8B8 #C4BFB9 #CDC6BB #D6CDBC #DFD4BE

#AAABB5 - #DFD4BE

HSV Blend

#AAABB5 - #DFD4BE | 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 #AAABB5 as 0% and #DFD4BE as 100%.

0.0%	0.0% #AAABB5	RGB 170 171 181	#AAABB5
16.7%	16.7% #B3ADBC	RGB 179 173 188	#B3ADBC
33.3%	33.3% #BFB1C3	RGB 191 177 195	#BFB1C3
50.0%	50.0% #CAB4C3	RGB 202 180 195	#CAB4C3
66.7%	66.7% #D1B8BE	RGB 209 184 190	#D1B8BE
83.3%	83.3% #D8C1BB	RGB 216 193 187	#D8C1BB
100.0%	100.0% #DFD4BE	RGB 223 212 190	#DFD4BE

#AAABB5 #B3ADBC #BFB1C3 #CAB4C3 #D1B8BE #D8C1BB #DFD4BE

#AAABB5 - #CAB4C3 - #DFD4BE

CSS codes

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

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