#ACAFD4 - #E7E8F2 | 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 #ACAFD4 to #E7E8F2

#ACAFD4 #E7E8F2

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

#ACAFD4 - #E7E8F2 | 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 #ACAFD4 as 0% and #E7E8F2 as 100%.

0.0%	0.0% #ACAFD4	RGB 172 175 212	#ACAFD4
16.7%	16.7% #B5B8D9	RGB 181 184 217	#B5B8D9
33.3%	33.3% #BFC2DE	RGB 191 194 222	#BFC2DE
50.0%	50.0% #C9CBE3	RGB 201 203 227	#C9CBE3
66.7%	66.7% #D3D5E8	RGB 211 213 232	#D3D5E8
83.3%	83.3% #DDDEED	RGB 221 222 237	#DDDEED
100.0%	100.0% #E7E8F2	RGB 231 232 242	#E7E8F2

#ACAFD4 #B5B8D9 #BFC2DE #C9CBE3 #D3D5E8 #DDDEED #E7E8F2

#ACAFD4 - #E7E8F2

HSV Blend

#ACAFD4 - #E7E8F2 | 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 #ACAFD4 as 0% and #E7E8F2 as 100%.

0.0%	0.0% #ACAFD4	RGB 172 175 212	#ACAFD4
16.7%	16.7% #B5B8D9	RGB 181 184 217	#B5B8D9
33.3%	33.3% #BEC1DE	RGB 190 193 222	#BEC1DE
50.0%	50.0% #C8CAE3	RGB 200 202 227	#C8CAE3
66.7%	66.7% #D2D4E8	RGB 210 212 232	#D2D4E8
83.3%	83.3% #DCDEED	RGB 220 222 237	#DCDEED
100.0%	100.0% #E7E8F2	RGB 231 232 242	#E7E8F2

#ACAFD4 #B5B8D9 #BEC1DE #C8CAE3 #D2D4E8 #DCDEED #E7E8F2

#ACAFD4 - #C8CAE3 - #E7E8F2

CSS codes

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

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