#ACAFEC - #475AB6 | 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 #ACAFEC to #475AB6

#ACAFEC #475AB6

Calculate the color between two colors, #ACAFEC and #475AB6. 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)

#ACAFEC - #475AB6 | 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 #ACAFEC as 0% and #475AB6 as 100%.

0.0%	0.0% #ACAFEC	RGB 172 175 236	#ACAFEC
16.7%	16.7% #9BA0E3	RGB 155 160 227	#9BA0E3
33.3%	33.3% #8A92DA	RGB 138 146 218	#8A92DA
50.0%	50.0% #7984D1	RGB 121 132 209	#7984D1
66.7%	66.7% #6876C8	RGB 104 118 200	#6876C8
83.3%	83.3% #5768BF	RGB 87 104 191	#5768BF
100.0%	100.0% #475AB6	RGB 71 90 182	#475AB6

#ACAFEC #9BA0E3 #8A92DA #7984D1 #6876C8 #5768BF #475AB6

#ACAFEC - #475AB6

HSV Blend

#ACAFEC - #475AB6 | 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 #ACAFEC as 0% and #475AB6 as 100%.

0.0%	0.0% #ACAFEC	RGB 172 175 236	#ACAFEC
16.7%	16.7% #989DE3	RGB 152 157 227	#989DE3
33.3%	33.3% #868DDA	RGB 134 141 218	#868DDA
50.0%	50.0% #747ED1	RGB 116 126 209	#747ED1
66.7%	66.7% #6471C8	RGB 100 113 200	#6471C8
83.3%	83.3% #5565BF	RGB 85 101 191	#5565BF
100.0%	100.0% #475AB6	RGB 71 90 182	#475AB6

#ACAFEC #989DE3 #868DDA #747ED1 #6471C8 #5565BF #475AB6

#ACAFEC - #747ED1 - #475AB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACAFEC 0%, #747ED1 50%, #475AB6 100%);
    background: -webkit-linear-gradient(top, #ACAFEC 0%, #747ED1 50%, #475AB6 100%);
    background: linear-gradient(to bottom, #ACAFEC 0%, #747ED1 50%, #475AB6 100%);
}
</style>