#ACB5AD - #DABDDF | 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 #ACB5AD to #DABDDF

#ACB5AD #DABDDF

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

#ACB5AD - #DABDDF | 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 #ACB5AD as 0% and #DABDDF as 100%.

0.0%	0.0% #ACB5AD	RGB 172 181 173	#ACB5AD
16.7%	16.7% #B3B6B5	RGB 179 182 181	#B3B6B5
33.3%	33.3% #BBB7BD	RGB 187 183 189	#BBB7BD
50.0%	50.0% #C3B9C6	RGB 195 185 198	#C3B9C6
66.7%	66.7% #CABACE	RGB 202 186 206	#CABACE
83.3%	83.3% #D2BBD6	RGB 210 187 214	#D2BBD6
100.0%	100.0% #DABDDF	RGB 218 189 223	#DABDDF

#ACB5AD #B3B6B5 #BBB7BD #C3B9C6 #CABACE #D2BBD6 #DABDDF

#ACB5AD - #DABDDF

HSV Blend

#ACB5AD - #DABDDF | 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 #ACB5AD as 0% and #DABDDF as 100%.

0.0%	0.0% #ACB5AD	RGB 172 181 173	#ACB5AD
16.7%	16.7% #AFBCB6	RGB 175 188 182	#AFBCB6
33.3%	33.3% #B2C2C3	RGB 178 194 195	#B2C2C3
50.0%	50.0% #B5C0CA	RGB 181 192 202	#B5C0CA
66.7%	66.7% #B8B9D1	RGB 184 185 209	#B8B9D1
83.3%	83.3% #C6BAD8	RGB 198 186 216	#C6BAD8
100.0%	100.0% #DABDDF	RGB 218 189 223	#DABDDF

#ACB5AD #AFBCB6 #B2C2C3 #B5C0CA #B8B9D1 #C6BAD8 #DABDDF

#ACB5AD - #B5C0CA - #DABDDF

CSS codes

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

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