#ACACEC - #4656B5 | 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 #ACACEC to #4656B5

#ACACEC #4656B5

Calculate the color between two colors, #ACACEC and #4656B5. 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)

#ACACEC - #4656B5 | 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 #ACACEC as 0% and #4656B5 as 100%.

0.0%	0.0% #ACACEC	RGB 172 172 236	#ACACEC
16.7%	16.7% #9B9DE2	RGB 155 157 226	#9B9DE2
33.3%	33.3% #8A8FD9	RGB 138 143 217	#8A8FD9
50.0%	50.0% #7981D0	RGB 121 129 208	#7981D0
66.7%	66.7% #6872C7	RGB 104 114 199	#6872C7
83.3%	83.3% #5764BE	RGB 87 100 190	#5764BE
100.0%	100.0% #4656B5	RGB 70 86 181	#4656B5

#ACACEC #9B9DE2 #8A8FD9 #7981D0 #6872C7 #5764BE #4656B5

#ACACEC - #4656B5

HSV Blend

#ACACEC - #4656B5 | 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 #ACACEC as 0% and #4656B5 as 100%.

0.0%	0.0% #ACACEC	RGB 172 172 236	#ACACEC
16.7%	16.7% #989AE2	RGB 152 154 226	#989AE2
33.3%	33.3% #8589D9	RGB 133 137 217	#8589D9
50.0%	50.0% #747AD0	RGB 116 122 208	#747AD0
66.7%	66.7% #636DC7	RGB 99 109 199	#636DC7
83.3%	83.3% #5461BE	RGB 84 97 190	#5461BE
100.0%	100.0% #4656B5	RGB 70 86 181	#4656B5

#ACACEC #989AE2 #8589D9 #747AD0 #636DC7 #5461BE #4656B5

#ACACEC - #747AD0 - #4656B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACACEC 0%, #747AD0 50%, #4656B5 100%);
    background: -webkit-linear-gradient(top, #ACACEC 0%, #747AD0 50%, #4656B5 100%);
    background: linear-gradient(to bottom, #ACACEC 0%, #747AD0 50%, #4656B5 100%);
}
</style>