#8F7DFF - #E3D1FD | 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 #8F7DFF to #E3D1FD

#8F7DFF #E3D1FD

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

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

0.0%	0.0% #8F7DFF	RGB 143 125 255	#8F7DFF
16.7%	16.7% #9D8BFE	RGB 157 139 254	#9D8BFE
33.3%	33.3% #AB99FE	RGB 171 153 254	#AB99FE
50.0%	50.0% #B9A7FE	RGB 185 167 254	#B9A7FE
66.7%	66.7% #C7B5FD	RGB 199 181 253	#C7B5FD
83.3%	83.3% #D5C3FD	RGB 213 195 253	#D5C3FD
100.0%	100.0% #E3D1FD	RGB 227 209 253	#E3D1FD

#8F7DFF #9D8BFE #AB99FE #B9A7FE #C7B5FD #D5C3FD #E3D1FD

#8F7DFF - #E3D1FD

HSV Blend

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

0.0%	0.0% #8E7DFF	RGB 142 125 255	#8E7DFF
16.7%	16.7% #A08BFE	RGB 160 139 254	#A08BFE
33.3%	33.3% #B099FE	RGB 176 153 254	#B099FE
50.0%	50.0% #BEA7FE	RGB 190 167 254	#BEA7FE
66.7%	66.7% #CCB5FD	RGB 204 181 253	#CCB5FD
83.3%	83.3% #D8C3FD	RGB 216 195 253	#D8C3FD
100.0%	100.0% #E3D1FD	RGB 227 209 253	#E3D1FD

#8E7DFF #A08BFE #B099FE #BEA7FE #CCB5FD #D8C3FD #E3D1FD

#8F7DFF - #BEA7FE - #E3D1FD

CSS codes

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

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