#ACAFED - #475AB7 | 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 #ACAFED to #475AB7

#ACAFED #475AB7

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

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

0.0%	0.0% #ACAFED	RGB 172 175 237	#ACAFED
16.7%	16.7% #9BA0E4	RGB 155 160 228	#9BA0E4
33.3%	33.3% #8A92DB	RGB 138 146 219	#8A92DB
50.0%	50.0% #7984D2	RGB 121 132 210	#7984D2
66.7%	66.7% #6876C9	RGB 104 118 201	#6876C9
83.3%	83.3% #5768C0	RGB 87 104 192	#5768C0
100.0%	100.0% #475AB7	RGB 71 90 183	#475AB7

#ACAFED #9BA0E4 #8A92DB #7984D2 #6876C9 #5768C0 #475AB7

#ACAFED - #475AB7

HSV Blend

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

0.0%	0.0% #ACAFED	RGB 172 175 237	#ACAFED
16.7%	16.7% #989DE4	RGB 152 157 228	#989DE4
33.3%	33.3% #868DDB	RGB 134 141 219	#868DDB
50.0%	50.0% #747ED2	RGB 116 126 210	#747ED2
66.7%	66.7% #6471C9	RGB 100 113 201	#6471C9
83.3%	83.3% #5565C0	RGB 85 101 192	#5565C0
100.0%	100.0% #475AB7	RGB 71 90 183	#475AB7

#ACAFED #989DE4 #868DDB #747ED2 #6471C9 #5565C0 #475AB7

#ACAFED - #747ED2 - #475AB7

CSS codes

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

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