#BF3AC8 - #4A007C | 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 #BF3AC8 to #4A007C

#BF3AC8 #4A007C

Calculate the color between two colors, #BF3AC8 and #4A007C. 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)

#BF3AC8 - #4A007C | 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 #BF3AC8 as 0% and #4A007C as 100%.

0.0%	0.0% #BF3AC8	RGB 191 58 200	#BF3AC8
16.7%	16.7% #AB30BB	RGB 171 48 187	#AB30BB
33.3%	33.3% #9826AE	RGB 152 38 174	#9826AE
50.0%	50.0% #841DA2	RGB 132 29 162	#841DA2
66.7%	66.7% #711395	RGB 113 19 149	#711395
83.3%	83.3% #5D0988	RGB 93 9 136	#5D0988
100.0%	100.0% #4A007C	RGB 74 0 124	#4A007C

#BF3AC8 #AB30BB #9826AE #841DA2 #711395 #5D0988 #4A007C

#BF3AC8 - #4A007C

HSV Blend

#BF3AC8 - #4A007C | 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 #BF3AC8 as 0% and #4A007C as 100%.

0.0%	0.0% #BF3AC8	RGB 191 58 200	#BF3AC8
16.7%	16.7% #AA2DBB	RGB 170 45 187	#AA2DBB
33.3%	33.3% #9521AE	RGB 149 33 174	#9521AE
50.0%	50.0% #8117A2	RGB 129 23 162	#8117A2
66.7%	66.7% #6E0E95	RGB 110 14 149	#6E0E95
83.3%	83.3% #5B0688	RGB 91 6 136	#5B0688
100.0%	100.0% #4A007C	RGB 74 0 124	#4A007C

#BF3AC8 #AA2DBB #9521AE #8117A2 #6E0E95 #5B0688 #4A007C

#BF3AC8 - #8117A2 - #4A007C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF3AC8 0%, #8117A2 50%, #4A007C 100%);
    background: -webkit-linear-gradient(top, #BF3AC8 0%, #8117A2 50%, #4A007C 100%);
    background: linear-gradient(to bottom, #BF3AC8 0%, #8117A2 50%, #4A007C 100%);
}
</style>