#BC4EAD - #838DFF | 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 #BC4EAD to #838DFF

#BC4EAD #838DFF

Calculate the color between two colors, #BC4EAD and #838DFF. 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)

#BC4EAD - #838DFF | 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 #BC4EAD as 0% and #838DFF as 100%.

0.0%	0.0% #BC4EAD	RGB 188 78 173	#BC4EAD
16.7%	16.7% #B258BA	RGB 178 88 186	#B258BA
33.3%	33.3% #A963C8	RGB 169 99 200	#A963C8
50.0%	50.0% #9F6DD6	RGB 159 109 214	#9F6DD6
66.7%	66.7% #9678E3	RGB 150 120 227	#9678E3
83.3%	83.3% #8C82F1	RGB 140 130 241	#8C82F1
100.0%	100.0% #838DFF	RGB 131 141 255	#838DFF

#BC4EAD #B258BA #A963C8 #9F6DD6 #9678E3 #8C82F1 #838DFF

#BC4EAD - #838DFF

HSV Blend

#BC4EAD - #838DFF | 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 #BC4EAD as 0% and #838DFF as 100%.

0.0%	0.0% #BC4EAC	RGB 188 78 172	#BC4EAC
16.7%	16.7% #BF55C7	RGB 191 85 199	#BF55C7
33.3%	33.3% #B35ED2	RGB 179 94 210	#B35ED2
50.0%	50.0% #A566DD	RGB 165 102 221	#A566DD
66.7%	66.7% #976FE8	RGB 151 111 232	#976FE8
83.3%	83.3% #8879F3	RGB 136 121 243	#8879F3
100.0%	100.0% #838DFF	RGB 131 141 255	#838DFF

#BC4EAC #BF55C7 #B35ED2 #A566DD #976FE8 #8879F3 #838DFF

#BC4EAD - #A566DD - #838DFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC4EAC 0%, #A566DD 50%, #838DFF 100%);
    background: -webkit-linear-gradient(top, #BC4EAC 0%, #A566DD 50%, #838DFF 100%);
    background: linear-gradient(to bottom, #BC4EAC 0%, #A566DD 50%, #838DFF 100%);
}
</style>