#AB5B8B - #A8ACDA | 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 #AB5B8B to #A8ACDA

#AB5B8B #A8ACDA

Calculate the color between two colors, #AB5B8B and #A8ACDA. 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)

#AB5B8B - #A8ACDA | 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 #AB5B8B as 0% and #A8ACDA as 100%.

0.0%	0.0% #AB5B8B	RGB 171 91 139	#AB5B8B
16.7%	16.7% #AA6898	RGB 170 104 152	#AA6898
33.3%	33.3% #AA76A5	RGB 170 118 165	#AA76A5
50.0%	50.0% #A983B2	RGB 169 131 178	#A983B2
66.7%	66.7% #A991BF	RGB 169 145 191	#A991BF
83.3%	83.3% #A89ECC	RGB 168 158 204	#A89ECC
100.0%	100.0% #A8ACDA	RGB 168 172 218	#A8ACDA

#AB5B8B #AA6898 #AA76A5 #A983B2 #A991BF #A89ECC #A8ACDA

#AB5B8B - #A8ACDA

HSV Blend

#AB5B8B - #A8ACDA | 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 #AB5B8B as 0% and #A8ACDA as 100%.

0.0%	0.0% #AB5B8B	RGB 171 91 139	#AB5B8B
16.7%	16.7% #B266A7	RGB 178 102 167	#B266A7
33.3%	33.3% #B372BA	RGB 179 114 186	#B372BA
50.0%	50.0% #AB7EC2	RGB 171 126 194	#AB7EC2
66.7%	66.7% #A58BCA	RGB 165 139 202	#A58BCA
83.3%	83.3% #A399D2	RGB 163 153 210	#A399D2
100.0%	100.0% #A8ACDA	RGB 168 172 218	#A8ACDA

#AB5B8B #B266A7 #B372BA #AB7EC2 #A58BCA #A399D2 #A8ACDA

#AB5B8B - #AB7EC2 - #A8ACDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB5B8B 0%, #AB7EC2 50%, #A8ACDA 100%);
    background: -webkit-linear-gradient(top, #AB5B8B 0%, #AB7EC2 50%, #A8ACDA 100%);
    background: linear-gradient(to bottom, #AB5B8B 0%, #AB7EC2 50%, #A8ACDA 100%);
}
</style>