#B95ECF - #848BFF | 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 #B95ECF to #848BFF

#B95ECF #848BFF

Calculate the color between two colors, #B95ECF and #848BFF. 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)

#B95ECF - #848BFF | 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 #B95ECF as 0% and #848BFF as 100%.

0.0%	0.0% #B95ECF	RGB 185 94 207	#B95ECF
16.7%	16.7% #B065D7	RGB 176 101 215	#B065D7
33.3%	33.3% #A76DDF	RGB 167 109 223	#A76DDF
50.0%	50.0% #9E74E7	RGB 158 116 231	#9E74E7
66.7%	66.7% #957CEF	RGB 149 124 239	#957CEF
83.3%	83.3% #8C83F7	RGB 140 131 247	#8C83F7
100.0%	100.0% #848BFF	RGB 132 139 255	#848BFF

#B95ECF #B065D7 #A76DDF #9E74E7 #957CEF #8C83F7 #848BFF

#B95ECF - #848BFF

HSV Blend

#B95ECF - #848BFF | 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 #B95ECF as 0% and #848BFF as 100%.

0.0%	0.0% #B95ECF	RGB 185 94 207	#B95ECF
16.7%	16.7% #B063D7	RGB 176 99 215	#B063D7
33.3%	33.3% #A669DF	RGB 166 105 223	#A669DF
50.0%	50.0% #9C70E7	RGB 156 112 231	#9C70E7
66.7%	66.7% #9276EF	RGB 146 118 239	#9276EF
83.3%	83.3% #877DF7	RGB 135 125 247	#877DF7
100.0%	100.0% #848BFF	RGB 132 139 255	#848BFF

#B95ECF #B063D7 #A669DF #9C70E7 #9276EF #877DF7 #848BFF

#B95ECF - #9C70E7 - #848BFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B95ECF 0%, #9C70E7 50%, #848BFF 100%);
    background: -webkit-linear-gradient(top, #B95ECF 0%, #9C70E7 50%, #848BFF 100%);
    background: linear-gradient(to bottom, #B95ECF 0%, #9C70E7 50%, #848BFF 100%);
}
</style>