#8C8FEC - #B2BEFF | 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 #8C8FEC to #B2BEFF

#8C8FEC #B2BEFF

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

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

0.0%	0.0% #8C8FEC	RGB 140 143 236	#8C8FEC
16.7%	16.7% #9296EF	RGB 146 150 239	#9296EF
33.3%	33.3% #989EF2	RGB 152 158 242	#989EF2
50.0%	50.0% #9FA6F5	RGB 159 166 245	#9FA6F5
66.7%	66.7% #A5AEF8	RGB 165 174 248	#A5AEF8
83.3%	83.3% #ABB6FB	RGB 171 182 251	#ABB6FB
100.0%	100.0% #B2BEFF	RGB 178 190 255	#B2BEFF

#8C8FEC #9296EF #989EF2 #9FA6F5 #A5AEF8 #ABB6FB #B2BEFF

#8C8FEC - #B2BEFF

HSV Blend

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

0.0%	0.0% #8C8FEC	RGB 140 143 236	#8C8FEC
16.7%	16.7% #9296EF	RGB 146 150 239	#9296EF
33.3%	33.3% #989EF2	RGB 152 158 242	#989EF2
50.0%	50.0% #9EA6F5	RGB 158 166 245	#9EA6F5
66.7%	66.7% #A4AEF8	RGB 164 174 248	#A4AEF8
83.3%	83.3% #ABB6FB	RGB 171 182 251	#ABB6FB
100.0%	100.0% #B2BEFF	RGB 178 190 255	#B2BEFF

#8C8FEC #9296EF #989EF2 #9EA6F5 #A4AEF8 #ABB6FB #B2BEFF

#8C8FEC - #9EA6F5 - #B2BEFF

CSS codes

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

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