#ACB6CF - #DDDAD3 | 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 #ACB6CF to #DDDAD3

#ACB6CF #DDDAD3

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

#ACB6CF - #DDDAD3 | 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 #ACB6CF as 0% and #DDDAD3 as 100%.

0.0%	0.0% #ACB6CF	RGB 172 182 207	#ACB6CF
16.7%	16.7% #B4BCCF	RGB 180 188 207	#B4BCCF
33.3%	33.3% #BCC2D0	RGB 188 194 208	#BCC2D0
50.0%	50.0% #C4C8D1	RGB 196 200 209	#C4C8D1
66.7%	66.7% #CCCED1	RGB 204 206 209	#CCCED1
83.3%	83.3% #D4D4D2	RGB 212 212 210	#D4D4D2
100.0%	100.0% #DDDAD3	RGB 221 218 211	#DDDAD3

#ACB6CF #B4BCCF #BCC2D0 #C4C8D1 #CCCED1 #D4D4D2 #DDDAD3

#ACB6CF - #DDDAD3

HSV Blend

#ACB6CF - #DDDAD3 | 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 #ACB6CF as 0% and #DDDAD3 as 100%.

0.0%	0.0% #ACB6CF	RGB 172 182 207	#ACB6CF
16.7%	16.7% #B8B2D1	RGB 184 178 209	#B8B2D1
33.3%	33.3% #CBB8D3	RGB 203 184 211	#CBB8D3
50.0%	50.0% #D6BFD1	RGB 214 191 209	#D6BFD1
66.7%	66.7% #D8C5CB	RGB 216 197 203	#D8C5CB
83.3%	83.3% #DACFCC	RGB 218 207 204	#DACFCC
100.0%	100.0% #DDDAD3	RGB 221 218 211	#DDDAD3

#ACB6CF #B8B2D1 #CBB8D3 #D6BFD1 #D8C5CB #DACFCC #DDDAD3

#ACB6CF - #D6BFD1 - #DDDAD3

CSS codes

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

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