#ACB3E7 - #4A60AF | 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 #ACB3E7 to #4A60AF

#ACB3E7 #4A60AF

Calculate the color between two colors, #ACB3E7 and #4A60AF. 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)

#ACB3E7 - #4A60AF | 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 #ACB3E7 as 0% and #4A60AF as 100%.

0.0%	0.0% #ACB3E7	RGB 172 179 231	#ACB3E7
16.7%	16.7% #9BA5DD	RGB 155 165 221	#9BA5DD
33.3%	33.3% #8B97D4	RGB 139 151 212	#8B97D4
50.0%	50.0% #7B89CB	RGB 123 137 203	#7B89CB
66.7%	66.7% #6A7BC1	RGB 106 123 193	#6A7BC1
83.3%	83.3% #5A6DB8	RGB 90 109 184	#5A6DB8
100.0%	100.0% #4A60AF	RGB 74 96 175	#4A60AF

#ACB3E7 #9BA5DD #8B97D4 #7B89CB #6A7BC1 #5A6DB8 #4A60AF

#ACB3E7 - #4A60AF

HSV Blend

#ACB3E7 - #4A60AF | 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 #ACB3E7 as 0% and #4A60AF as 100%.

0.0%	0.0% #ACB3E7	RGB 172 179 231	#ACB3E7
16.7%	16.7% #99A2DD	RGB 153 162 221	#99A2DD
33.3%	33.3% #8793D4	RGB 135 147 212	#8793D4
50.0%	50.0% #7684CB	RGB 118 132 203	#7684CB
66.7%	66.7% #6677C1	RGB 102 119 193	#6677C1
83.3%	83.3% #576BB8	RGB 87 107 184	#576BB8
100.0%	100.0% #4A60AF	RGB 74 96 175	#4A60AF

#ACB3E7 #99A2DD #8793D4 #7684CB #6677C1 #576BB8 #4A60AF

#ACB3E7 - #7684CB - #4A60AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACB3E7 0%, #7684CB 50%, #4A60AF 100%);
    background: -webkit-linear-gradient(top, #ACB3E7 0%, #7684CB 50%, #4A60AF 100%);
    background: linear-gradient(to bottom, #ACB3E7 0%, #7684CB 50%, #4A60AF 100%);
}
</style>