#AB5BA2 - #A8BBDA | 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 #AB5BA2 to #A8BBDA

#AB5BA2 #A8BBDA

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

#AB5BA2 - #A8BBDA | 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 #AB5BA2 as 0% and #A8BBDA as 100%.

0.0%	0.0% #AB5BA2	RGB 171 91 162	#AB5BA2
16.7%	16.7% #AA6BAB	RGB 170 107 171	#AA6BAB
33.3%	33.3% #AA7BB4	RGB 170 123 180	#AA7BB4
50.0%	50.0% #A98BBE	RGB 169 139 190	#A98BBE
66.7%	66.7% #A99BC7	RGB 169 155 199	#A99BC7
83.3%	83.3% #A8ABD0	RGB 168 171 208	#A8ABD0
100.0%	100.0% #A8BBDA	RGB 168 187 218	#A8BBDA

#AB5BA2 #AA6BAB #AA7BB4 #A98BBE #A99BC7 #A8ABD0 #A8BBDA

#AB5BA2 - #A8BBDA

HSV Blend

#AB5BA2 - #A8BBDA | 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 #AB5BA2 as 0% and #A8BBDA as 100%.

0.0%	0.0% #AB5BA2	RGB 171 91 162	#AB5BA2
16.7%	16.7% #A866B2	RGB 168 102 178	#A866B2
33.3%	33.3% #9E72BA	RGB 158 114 186	#9E72BA
50.0%	50.0% #977EC2	RGB 151 126 194	#977EC2
66.7%	66.7% #938BCA	RGB 147 139 202	#938BCA
83.3%	83.3% #99A1D2	RGB 153 161 210	#99A1D2
100.0%	100.0% #A8BBDA	RGB 168 187 218	#A8BBDA

#AB5BA2 #A866B2 #9E72BA #977EC2 #938BCA #99A1D2 #A8BBDA

#AB5BA2 - #977EC2 - #A8BBDA

CSS codes

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

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