#EAEAF2 - #ACA1E4 | 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 #EAEAF2 to #ACA1E4

#EAEAF2 #ACA1E4

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

#EAEAF2 - #ACA1E4 | 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 #EAEAF2 as 0% and #ACA1E4 as 100%.

0.0%	0.0% #EAEAF2	RGB 234 234 242	#EAEAF2
16.7%	16.7% #DFDDEF	RGB 223 221 239	#DFDDEF
33.3%	33.3% #D5D1ED	RGB 213 209 237	#D5D1ED
50.0%	50.0% #CBC5EB	RGB 203 197 235	#CBC5EB
66.7%	66.7% #C0B9E8	RGB 192 185 232	#C0B9E8
83.3%	83.3% #B6ADE6	RGB 182 173 230	#B6ADE6
100.0%	100.0% #ACA1E4	RGB 172 161 228	#ACA1E4

#EAEAF2 #DFDDEF #D5D1ED #CBC5EB #C0B9E8 #B6ADE6 #ACA1E4

#EAEAF2 - #ACA1E4

HSV Blend

#EAEAF2 - #ACA1E4 | 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 #EAEAF2 as 0% and #ACA1E4 as 100%.

0.0%	0.0% #EAEAF2	RGB 234 234 242	#EAEAF2
16.7%	16.7% #DDDDEF	RGB 221 221 239	#DDDDEF
33.3%	33.3% #D2D0ED	RGB 210 208 237	#D2D0ED
50.0%	50.0% #C7C4EB	RGB 199 196 235	#C7C4EB
66.7%	66.7% #BDB8E8	RGB 189 184 232	#BDB8E8
83.3%	83.3% #B4ACE6	RGB 180 172 230	#B4ACE6
100.0%	100.0% #ACA1E4	RGB 172 161 228	#ACA1E4

#EAEAF2 #DDDDEF #D2D0ED #C7C4EB #BDB8E8 #B4ACE6 #ACA1E4

#EAEAF2 - #C7C4EB - #ACA1E4

CSS codes

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

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