#AC8CFF - #390ECD | 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 #AC8CFF to #390ECD

#AC8CFF #390ECD

Calculate the color between two colors, #AC8CFF and #390ECD. 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)

#AC8CFF - #390ECD | 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 #AC8CFF as 0% and #390ECD as 100%.

0.0%	0.0% #AC8CFF	RGB 172 140 255	#AC8CFF
16.7%	16.7% #9877F6	RGB 152 119 246	#9877F6
33.3%	33.3% #8562EE	RGB 133 98 238	#8562EE
50.0%	50.0% #724DE6	RGB 114 77 230	#724DE6
66.7%	66.7% #5F38DD	RGB 95 56 221	#5F38DD
83.3%	83.3% #4C23D5	RGB 76 35 213	#4C23D5
100.0%	100.0% #390ECD	RGB 57 14 205	#390ECD

#AC8CFF #9877F6 #8562EE #724DE6 #5F38DD #4C23D5 #390ECD

#AC8CFF - #390ECD

HSV Blend

#AC8CFF - #390ECD | 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 #AC8CFF as 0% and #390ECD as 100%.

0.0%	0.0% #AB8CFF	RGB 171 140 255	#AB8CFF
16.7%	16.7% #9673F6	RGB 150 115 246	#9673F6
33.3%	33.3% #825CEE	RGB 130 92 238	#825CEE
50.0%	50.0% #6F46E6	RGB 111 70 230	#6F46E6
66.7%	66.7% #5C32DD	RGB 92 50 221	#5C32DD
83.3%	83.3% #4A1FD5	RGB 74 31 213	#4A1FD5
100.0%	100.0% #390ECD	RGB 57 14 205	#390ECD

#AB8CFF #9673F6 #825CEE #6F46E6 #5C32DD #4A1FD5 #390ECD

#AC8CFF - #6F46E6 - #390ECD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB8CFF 0%, #6F46E6 50%, #390ECD 100%);
    background: -webkit-linear-gradient(top, #AB8CFF 0%, #6F46E6 50%, #390ECD 100%);
    background: linear-gradient(to bottom, #AB8CFF 0%, #6F46E6 50%, #390ECD 100%);
}
</style>