#AB8CDF - #5B239B | 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 #AB8CDF to #5B239B

#AB8CDF #5B239B

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

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

0.0%	0.0% #AB8CDF	RGB 171 140 223	#AB8CDF
16.7%	16.7% #9D7AD3	RGB 157 122 211	#9D7AD3
33.3%	33.3% #9069C8	RGB 144 105 200	#9069C8
50.0%	50.0% #8357BD	RGB 131 87 189	#8357BD
66.7%	66.7% #7546B1	RGB 117 70 177	#7546B1
83.3%	83.3% #6834A6	RGB 104 52 166	#6834A6
100.0%	100.0% #5B239B	RGB 91 35 155	#5B239B

#AB8CDF #9D7AD3 #9069C8 #8357BD #7546B1 #6834A6 #5B239B

#AB8CDF - #5B239B

HSV Blend

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

0.0%	0.0% #AA8CDF	RGB 170 140 223	#AA8CDF
16.7%	16.7% #9A76D3	RGB 154 118 211	#9A76D3
33.3%	33.3% #8B62C8	RGB 139 98 200	#8B62C8
50.0%	50.0% #7E50BD	RGB 126 80 189	#7E50BD
66.7%	66.7% #713FB1	RGB 113 63 177	#713FB1
83.3%	83.3% #6530A6	RGB 101 48 166	#6530A6
100.0%	100.0% #5B239B	RGB 91 35 155	#5B239B

#AA8CDF #9A76D3 #8B62C8 #7E50BD #713FB1 #6530A6 #5B239B

#AB8CDF - #7E50BD - #5B239B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8CDF 0%, #7E50BD 50%, #5B239B 100%);
    background: -webkit-linear-gradient(top, #AA8CDF 0%, #7E50BD 50%, #5B239B 100%);
    background: linear-gradient(to bottom, #AA8CDF 0%, #7E50BD 50%, #5B239B 100%);
}
</style>