#8F8FEC - #B4CAEC | 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 #8F8FEC to #B4CAEC

#8F8FEC #B4CAEC

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

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

0.0%	0.0% #8F8FEC	RGB 143 143 236	#8F8FEC
16.7%	16.7% #9598EC	RGB 149 152 236	#9598EC
33.3%	33.3% #9BA2EC	RGB 155 162 236	#9BA2EC
50.0%	50.0% #A1ACEC	RGB 161 172 236	#A1ACEC
66.7%	66.7% #A7B6EC	RGB 167 182 236	#A7B6EC
83.3%	83.3% #ADC0EC	RGB 173 192 236	#ADC0EC
100.0%	100.0% #B4CAEC	RGB 180 202 236	#B4CAEC

#8F8FEC #9598EC #9BA2EC #A1ACEC #A7B6EC #ADC0EC #B4CAEC

#8F8FEC - #B4CAEC

HSV Blend

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

0.0%	0.0% #8F8FEC	RGB 143 143 236	#8F8FEC
16.7%	16.7% #959AEC	RGB 149 154 236	#959AEC
33.3%	33.3% #9BA5EC	RGB 155 165 236	#9BA5EC
50.0%	50.0% #A1B0EC	RGB 161 176 236	#A1B0EC
66.7%	66.7% #A7B9EC	RGB 167 185 236	#A7B9EC
83.3%	83.3% #ADC2EC	RGB 173 194 236	#ADC2EC
100.0%	100.0% #B4CAEC	RGB 180 202 236	#B4CAEC

#8F8FEC #959AEC #9BA5EC #A1B0EC #A7B9EC #ADC2EC #B4CAEC

#8F8FEC - #A1B0EC - #B4CAEC

CSS codes

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

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