#ACB2BD - #E7E7EC | 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 #ACB2BD to #E7E7EC

#ACB2BD #E7E7EC

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

#ACB2BD - #E7E7EC | 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 #ACB2BD as 0% and #E7E7EC as 100%.

0.0%	0.0% #ACB2BD	RGB 172 178 189	#ACB2BD
16.7%	16.7% #B5BAC4	RGB 181 186 196	#B5BAC4
33.3%	33.3% #BFC3CC	RGB 191 195 204	#BFC3CC
50.0%	50.0% #C9CCD4	RGB 201 204 212	#C9CCD4
66.7%	66.7% #D3D5DC	RGB 211 213 220	#D3D5DC
83.3%	83.3% #DDDEE4	RGB 221 222 228	#DDDEE4
100.0%	100.0% #E7E7EC	RGB 231 231 236	#E7E7EC

#ACB2BD #B5BAC4 #BFC3CC #C9CCD4 #D3D5DC #DDDEE4 #E7E7EC

#ACB2BD - #E7E7EC

HSV Blend

#ACB2BD - #E7E7EC | 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 #ACB2BD as 0% and #E7E7EC as 100%.

0.0%	0.0% #ACB2BD	RGB 172 178 189	#ACB2BD
16.7%	16.7% #B5B9C4	RGB 181 185 196	#B5B9C4
33.3%	33.3% #BEC2CC	RGB 190 194 204	#BEC2CC
50.0%	50.0% #C8CAD4	RGB 200 202 212	#C8CAD4
66.7%	66.7% #D2D3DC	RGB 210 211 220	#D2D3DC
83.3%	83.3% #DCDDE4	RGB 220 221 228	#DCDDE4
100.0%	100.0% #E7E7EC	RGB 231 231 236	#E7E7EC

#ACB2BD #B5B9C4 #BEC2CC #C8CAD4 #D2D3DC #DCDDE4 #E7E7EC

#ACB2BD - #C8CAD4 - #E7E7EC

CSS codes

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

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