#ACACB5 - #5B5A83 | 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 #ACACB5 to #5B5A83

#ACACB5 #5B5A83

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

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

0.0%	0.0% #ACACB5	RGB 172 172 181	#ACACB5
16.7%	16.7% #9E9EAC	RGB 158 158 172	#9E9EAC
33.3%	33.3% #9190A4	RGB 145 144 164	#9190A4
50.0%	50.0% #83839C	RGB 131 131 156	#83839C
66.7%	66.7% #767593	RGB 118 117 147	#767593
83.3%	83.3% #68678B	RGB 104 103 139	#68678B
100.0%	100.0% #5B5A83	RGB 91 90 131	#5B5A83

#ACACB5 #9E9EAC #9190A4 #83839C #767593 #68678B #5B5A83

#ACACB5 - #5B5A83

HSV Blend

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

0.0%	0.0% #ACACB5	RGB 172 172 181	#ACACB5
16.7%	16.7% #9C9CAC	RGB 156 156 172	#9C9CAC
33.3%	33.3% #8D8DA4	RGB 141 141 164	#8D8DA4
50.0%	50.0% #807F9C	RGB 128 127 156	#807F9C
66.7%	66.7% #727293	RGB 114 114 147	#727293
83.3%	83.3% #66658B	RGB 102 101 139	#66658B
100.0%	100.0% #5B5A83	RGB 91 90 131	#5B5A83

#ACACB5 #9C9CAC #8D8DA4 #807F9C #727293 #66658B #5B5A83

#ACACB5 - #807F9C - #5B5A83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACACB5 0%, #807F9C 50%, #5B5A83 100%);
    background: -webkit-linear-gradient(top, #ACACB5 0%, #807F9C 50%, #5B5A83 100%);
    background: linear-gradient(to bottom, #ACACB5 0%, #807F9C 50%, #5B5A83 100%);
}
</style>