#ABA5E1 - #633DA1 | 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 #ABA5E1 to #633DA1

#ABA5E1 #633DA1

Calculate the color between two colors, #ABA5E1 and #633DA1. 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)

#ABA5E1 - #633DA1 | 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 #ABA5E1 as 0% and #633DA1 as 100%.

0.0%	0.0% #ABA5E1	RGB 171 165 225	#ABA5E1
16.7%	16.7% #9F93D6	RGB 159 147 214	#9F93D6
33.3%	33.3% #9382CB	RGB 147 130 203	#9382CB
50.0%	50.0% #8771C1	RGB 135 113 193	#8771C1
66.7%	66.7% #7B5FB6	RGB 123 95 182	#7B5FB6
83.3%	83.3% #6F4EAB	RGB 111 78 171	#6F4EAB
100.0%	100.0% #633DA1	RGB 99 61 161	#633DA1

#ABA5E1 #9F93D6 #9382CB #8771C1 #7B5FB6 #6F4EAB #633DA1

#ABA5E1 - #633DA1

HSV Blend

#ABA5E1 - #633DA1 | 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 #ABA5E1 as 0% and #633DA1 as 100%.

0.0%	0.0% #ABA5E1	RGB 171 165 225	#ABA5E1
16.7%	16.7% #9A90D6	RGB 154 144 214	#9A90D6
33.3%	33.3% #8C7DCB	RGB 140 125 203	#8C7DCB
50.0%	50.0% #7F6BC1	RGB 127 107 193	#7F6BC1
66.7%	66.7% #745AB6	RGB 116 90 182	#745AB6
83.3%	83.3% #6B4BAB	RGB 107 75 171	#6B4BAB
100.0%	100.0% #633DA1	RGB 99 61 161	#633DA1

#ABA5E1 #9A90D6 #8C7DCB #7F6BC1 #745AB6 #6B4BAB #633DA1

#ABA5E1 - #7F6BC1 - #633DA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA5E1 0%, #7F6BC1 50%, #633DA1 100%);
    background: -webkit-linear-gradient(top, #ABA5E1 0%, #7F6BC1 50%, #633DA1 100%);
    background: linear-gradient(to bottom, #ABA5E1 0%, #7F6BC1 50%, #633DA1 100%);
}
</style>