#ACACCD - #4B5E8B | 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 #ACACCD to #4B5E8B

#ACACCD #4B5E8B

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

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

0.0%	0.0% #ACACCD	RGB 172 172 205	#ACACCD
16.7%	16.7% #9B9FC2	RGB 155 159 194	#9B9FC2
33.3%	33.3% #8B92B7	RGB 139 146 183	#8B92B7
50.0%	50.0% #7B85AC	RGB 123 133 172	#7B85AC
66.7%	66.7% #6B78A1	RGB 107 120 161	#6B78A1
83.3%	83.3% #5B6B96	RGB 91 107 150	#5B6B96
100.0%	100.0% #4B5E8B	RGB 75 94 139	#4B5E8B

#ACACCD #9B9FC2 #8B92B7 #7B85AC #6B78A1 #5B6B96 #4B5E8B

#ACACCD - #4B5E8B

HSV Blend

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

0.0%	0.0% #ACACCD	RGB 172 172 205	#ACACCD
16.7%	16.7% #999BC2	RGB 153 155 194	#999BC2
33.3%	33.3% #878BB7	RGB 135 139 183	#878BB7
50.0%	50.0% #767EAC	RGB 118 126 172	#767EAC
66.7%	66.7% #6672A1	RGB 102 114 161	#6672A1
83.3%	83.3% #586796	RGB 88 103 150	#586796
100.0%	100.0% #4B5E8B	RGB 75 94 139	#4B5E8B

#ACACCD #999BC2 #878BB7 #767EAC #6672A1 #586796 #4B5E8B

#ACACCD - #767EAC - #4B5E8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACACCD 0%, #767EAC 50%, #4B5E8B 100%);
    background: -webkit-linear-gradient(top, #ACACCD 0%, #767EAC 50%, #4B5E8B 100%);
    background: linear-gradient(to bottom, #ACACCD 0%, #767EAC 50%, #4B5E8B 100%);
}
</style>