#ABB5C9 - #DFDAD0 | 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 #ABB5C9 to #DFDAD0

#ABB5C9 #DFDAD0

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

#ABB5C9 - #DFDAD0 | 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 #ABB5C9 as 0% and #DFDAD0 as 100%.

0.0%	0.0% #ABB5C9	RGB 171 181 201	#ABB5C9
16.7%	16.7% #B3BBCA	RGB 179 187 202	#B3BBCA
33.3%	33.3% #BCC1CB	RGB 188 193 203	#BCC1CB
50.0%	50.0% #C5C7CC	RGB 197 199 204	#C5C7CC
66.7%	66.7% #CDCDCD	RGB 205 205 205	#CDCDCD
83.3%	83.3% #D6D3CE	RGB 214 211 206	#D6D3CE
100.0%	100.0% #DFDAD0	RGB 223 218 208	#DFDAD0

#ABB5C9 #B3BBCA #BCC1CB #C5C7CC #CDCDCD #D6D3CE #DFDAD0

#ABB5C9 - #DFDAD0

HSV Blend

#ABB5C9 - #DFDAD0 | 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 #ABB5C9 as 0% and #DFDAD0 as 100%.

0.0%	0.0% #ABB5C9	RGB 171 181 201	#ABB5C9
16.7%	16.7% #B5B0CC	RGB 181 176 204	#B5B0CC
33.3%	33.3% #C7B6D0	RGB 199 182 208	#C7B6D0
50.0%	50.0% #D4BDD0	RGB 212 189 208	#D4BDD0
66.7%	66.7% #D7C3CA	RGB 215 195 202	#D7C3CA
83.3%	83.3% #DBCCC9	RGB 219 204 201	#DBCCC9
100.0%	100.0% #DFDAD0	RGB 223 218 208	#DFDAD0

#ABB5C9 #B5B0CC #C7B6D0 #D4BDD0 #D7C3CA #DBCCC9 #DFDAD0

#ABB5C9 - #D4BDD0 - #DFDAD0

CSS codes

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

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