#ACB4D9 - #4D649C | 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 #ACB4D9 to #4D649C

#ACB4D9 #4D649C

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

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

0.0%	0.0% #ACB4D9	RGB 172 180 217	#ACB4D9
16.7%	16.7% #9CA6CE	RGB 156 166 206	#9CA6CE
33.3%	33.3% #8C99C4	RGB 140 153 196	#8C99C4
50.0%	50.0% #7C8CBA	RGB 124 140 186	#7C8CBA
66.7%	66.7% #6C7EB0	RGB 108 126 176	#6C7EB0
83.3%	83.3% #5C71A6	RGB 92 113 166	#5C71A6
100.0%	100.0% #4D649C	RGB 77 100 156	#4D649C

#ACB4D9 #9CA6CE #8C99C4 #7C8CBA #6C7EB0 #5C71A6 #4D649C

#ACB4D9 - #4D649C

HSV Blend

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

0.0%	0.0% #ACB4D9	RGB 172 180 217	#ACB4D9
16.7%	16.7% #99A4CE	RGB 153 164 206	#99A4CE
33.3%	33.3% #8895C4	RGB 136 149 196	#8895C4
50.0%	50.0% #7787BA	RGB 119 135 186	#7787BA
66.7%	66.7% #687AB0	RGB 104 122 176	#687AB0
83.3%	83.3% #5A6EA6	RGB 90 110 166	#5A6EA6
100.0%	100.0% #4D649C	RGB 77 100 156	#4D649C

#ACB4D9 #99A4CE #8895C4 #7787BA #687AB0 #5A6EA6 #4D649C

#ACB4D9 - #7787BA - #4D649C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACB4D9 0%, #7787BA 50%, #4D649C 100%);
    background: -webkit-linear-gradient(top, #ACB4D9 0%, #7787BA 50%, #4D649C 100%);
    background: linear-gradient(to bottom, #ACB4D9 0%, #7787BA 50%, #4D649C 100%);
}
</style>