#ABAAB5 - #DFDDBE | 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 #ABAAB5 to #DFDDBE

#ABAAB5 #DFDDBE

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

#ABAAB5 - #DFDDBE | 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 #ABAAB5 as 0% and #DFDDBE as 100%.

0.0%	0.0% #ABAAB5	RGB 171 170 181	#ABAAB5
16.7%	16.7% #B3B2B6	RGB 179 178 182	#B3B2B6
33.3%	33.3% #BCBBB8	RGB 188 187 184	#BCBBB8
50.0%	50.0% #C5C3B9	RGB 197 195 185	#C5C3B9
66.7%	66.7% #CDCCBB	RGB 205 204 187	#CDCCBB
83.3%	83.3% #D6D4BC	RGB 214 212 188	#D6D4BC
100.0%	100.0% #DFDDBE	RGB 223 221 190	#DFDDBE

#ABAAB5 #B3B2B6 #BCBBB8 #C5C3B9 #CDCCBB #D6D4BC #DFDDBE

#ABAAB5 - #DFDDBE

HSV Blend

#ABAAB5 - #DFDDBE | 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 #ABAAB5 as 0% and #DFDDBE as 100%.

0.0%	0.0% #ABAAB5	RGB 171 170 181	#ABAAB5
16.7%	16.7% #B5ADBC	RGB 181 173 188	#B5ADBC
33.3%	33.3% #C3B1C2	RGB 195 177 194	#C3B1C2
50.0%	50.0% #CAB4BF	RGB 202 180 191	#CAB4BF
66.7%	66.7% #D1B8B8	RGB 209 184 184	#D1B8B8
83.3%	83.3% #D8C8BB	RGB 216 200 187	#D8C8BB
100.0%	100.0% #DFDDBE	RGB 223 221 190	#DFDDBE

#ABAAB5 #B5ADBC #C3B1C2 #CAB4BF #D1B8B8 #D8C8BB #DFDDBE

#ABAAB5 - #CAB4BF - #DFDDBE

CSS codes

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

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