#ACB4CF - #E7EAF1 | 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 #ACB4CF to #E7EAF1

#ACB4CF #E7EAF1

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

#ACB4CF - #E7EAF1 | 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 #ACB4CF as 0% and #E7EAF1 as 100%.

0.0%	0.0% #ACB4CF	RGB 172 180 207	#ACB4CF
16.7%	16.7% #B5BDD4	RGB 181 189 212	#B5BDD4
33.3%	33.3% #BFC6DA	RGB 191 198 218	#BFC6DA
50.0%	50.0% #C9CFE0	RGB 201 207 224	#C9CFE0
66.7%	66.7% #D3D8E5	RGB 211 216 229	#D3D8E5
83.3%	83.3% #DDE1EB	RGB 221 225 235	#DDE1EB
100.0%	100.0% #E7EAF1	RGB 231 234 241	#E7EAF1

#ACB4CF #B5BDD4 #BFC6DA #C9CFE0 #D3D8E5 #DDE1EB #E7EAF1

#ACB4CF - #E7EAF1

HSV Blend

#ACB4CF - #E7EAF1 | 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 #ACB4CF as 0% and #E7EAF1 as 100%.

0.0%	0.0% #ACB4CF	RGB 172 180 207	#ACB4CF
16.7%	16.7% #B5BCD4	RGB 181 188 212	#B5BCD4
33.3%	33.3% #BEC5DA	RGB 190 197 218	#BEC5DA
50.0%	50.0% #C8CEE0	RGB 200 206 224	#C8CEE0
66.7%	66.7% #D2D7E5	RGB 210 215 229	#D2D7E5
83.3%	83.3% #DCE0EB	RGB 220 224 235	#DCE0EB
100.0%	100.0% #E7EAF1	RGB 231 234 241	#E7EAF1

#ACB4CF #B5BCD4 #BEC5DA #C8CEE0 #D2D7E5 #DCE0EB #E7EAF1

#ACB4CF - #C8CEE0 - #E7EAF1

CSS codes

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

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