#AABAAB - #DBDEB6 | 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 #AABAAB to #DBDEB6

#AABAAB #DBDEB6

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

#AABAAB - #DBDEB6 | 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 #AABAAB as 0% and #DBDEB6 as 100%.

0.0%	0.0% #AABAAB	RGB 170 186 171	#AABAAB
16.7%	16.7% #B2C0AC	RGB 178 192 172	#B2C0AC
33.3%	33.3% #BAC6AE	RGB 186 198 174	#BAC6AE
50.0%	50.0% #C2CCB0	RGB 194 204 176	#C2CCB0
66.7%	66.7% #CAD2B2	RGB 202 210 178	#CAD2B2
83.3%	83.3% #D2D8B4	RGB 210 216 180	#D2D8B4
100.0%	100.0% #DBDEB6	RGB 219 222 182	#DBDEB6

#AABAAB #B2C0AC #BAC6AE #C2CCB0 #CAD2B2 #D2D8B4 #DBDEB6

#AABAAB - #DBDEB6

HSV Blend

#AABAAB - #DBDEB6 | 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 #AABAAB as 0% and #DBDEB6 as 100%.

0.0%	0.0% #AABAAB	RGB 170 186 171	#AABAAB
16.7%	16.7% #AEC0AC	RGB 174 192 172	#AEC0AC
33.3%	33.3% #B4C6AE	RGB 180 198 174	#B4C6AE
50.0%	50.0% #BCCCB0	RGB 188 204 176	#BCCCB0
66.7%	66.7% #C5D2B2	RGB 197 210 178	#C5D2B2
83.3%	83.3% #CFD8B4	RGB 207 216 180	#CFD8B4
100.0%	100.0% #DBDEB6	RGB 219 222 182	#DBDEB6

#AABAAB #AEC0AC #B4C6AE #BCCCB0 #C5D2B2 #CFD8B4 #DBDEB6

#AABAAB - #BCCCB0 - #DBDEB6

CSS codes

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

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