#5E7BA0 - #ACAFBB | 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 #5E7BA0 to #ACAFBB

#5E7BA0 #ACAFBB

Calculate the color between two colors, #5E7BA0 and #ACAFBB. 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)

#5E7BA0 - #ACAFBB | 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 #5E7BA0 as 0% and #ACAFBB as 100%.

0.0%	0.0% #5E7BA0	RGB 94 123 160	#5E7BA0
16.7%	16.7% #6B83A4	RGB 107 131 164	#6B83A4
33.3%	33.3% #788CA9	RGB 120 140 169	#788CA9
50.0%	50.0% #8595AD	RGB 133 149 173	#8595AD
66.7%	66.7% #929DB2	RGB 146 157 178	#929DB2
83.3%	83.3% #9FA6B6	RGB 159 166 182	#9FA6B6
100.0%	100.0% #ACAFBB	RGB 172 175 187	#ACAFBB

#5E7BA0 #6B83A4 #788CA9 #8595AD #929DB2 #9FA6B6 #ACAFBB

#5E7BA0 - #ACAFBB

HSV Blend

#5E7BA0 - #ACAFBB | 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 #5E7BA0 as 0% and #ACAFBB as 100%.

0.0%	0.0% #5E7BA0	RGB 94 123 160	#5E7BA0
16.7%	16.7% #6981A4	RGB 105 129 164	#6981A4
33.3%	33.3% #7688A9	RGB 118 136 169	#7688A9
50.0%	50.0% #8290AD	RGB 130 144 173	#8290AD
66.7%	66.7% #9099B2	RGB 144 153 178	#9099B2
83.3%	83.3% #9DA3B6	RGB 157 163 182	#9DA3B6
100.0%	100.0% #ACAFBB	RGB 172 175 187	#ACAFBB

#5E7BA0 #6981A4 #7688A9 #8290AD #9099B2 #9DA3B6 #ACAFBB

#5E7BA0 - #8290AD - #ACAFBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7BA0 0%, #8290AD 50%, #ACAFBB 100%);
    background: -webkit-linear-gradient(top, #5E7BA0 0%, #8290AD 50%, #ACAFBB 100%);
    background: linear-gradient(to bottom, #5E7BA0 0%, #8290AD 50%, #ACAFBB 100%);
}
</style>