#B100EB - #8D138C | 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 #B100EB to #8D138C

#B100EB #8D138C

Calculate the color between two colors, #B100EB and #8D138C. 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)

#B100EB - #8D138C | 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 #B100EB as 0% and #8D138C as 100%.

0.0%	0.0% #B100EB	RGB 177 0 235	#B100EB
16.7%	16.7% #AB03DB	RGB 171 3 219	#AB03DB
33.3%	33.3% #A506CB	RGB 165 6 203	#A506CB
50.0%	50.0% #9F09BB	RGB 159 9 187	#9F09BB
66.7%	66.7% #990CAB	RGB 153 12 171	#990CAB
83.3%	83.3% #930F9B	RGB 147 15 155	#930F9B
100.0%	100.0% #8D138C	RGB 141 19 140	#8D138C

#B100EB #AB03DB #A506CB #9F09BB #990CAB #930F9B #8D138C

#B100EB - #8D138C

HSV Blend

#B100EB - #8D138C | 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 #B100EB as 0% and #8D138C as 100%.

0.0%	0.0% #B100EB	RGB 177 0 235	#B100EB
16.7%	16.7% #AF04DB	RGB 175 4 219	#AF04DB
33.3%	33.3% #AC09CB	RGB 172 9 203	#AC09CB
50.0%	50.0% #A70CBC	RGB 167 12 188	#A70CBC
66.7%	66.7% #A00FAC	RGB 160 15 172	#A00FAC
83.3%	83.3% #97119C	RGB 151 17 156	#97119C
100.0%	100.0% #8D138C	RGB 141 19 140	#8D138C

#B100EB #AF04DB #AC09CB #A70CBC #A00FAC #97119C #8D138C

#B100EB - #A70CBC - #8D138C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B100EB 0%, #A70CBC 50%, #8D138C 100%);
    background: -webkit-linear-gradient(top, #B100EB 0%, #A70CBC 50%, #8D138C 100%);
    background: linear-gradient(to bottom, #B100EB 0%, #A70CBC 50%, #8D138C 100%);
}
</style>