#8C7DFF - #E2D0FD | 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 #8C7DFF to #E2D0FD

#8C7DFF #E2D0FD

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

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

0.0%	0.0% #8C7DFF	RGB 140 125 255	#8C7DFF
16.7%	16.7% #9A8AFE	RGB 154 138 254	#9A8AFE
33.3%	33.3% #A898FE	RGB 168 152 254	#A898FE
50.0%	50.0% #B7A6FE	RGB 183 166 254	#B7A6FE
66.7%	66.7% #C5B4FD	RGB 197 180 253	#C5B4FD
83.3%	83.3% #D3C2FD	RGB 211 194 253	#D3C2FD
100.0%	100.0% #E2D0FD	RGB 226 208 253	#E2D0FD

#8C7DFF #9A8AFE #A898FE #B7A6FE #C5B4FD #D3C2FD #E2D0FD

#8C7DFF - #E2D0FD

HSV Blend

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

0.0%	0.0% #8B7DFF	RGB 139 125 255	#8B7DFF
16.7%	16.7% #9D8AFE	RGB 157 138 254	#9D8AFE
33.3%	33.3% #AE98FE	RGB 174 152 254	#AE98FE
50.0%	50.0% #BDA6FE	RGB 189 166 254	#BDA6FE
66.7%	66.7% #CAB4FD	RGB 202 180 253	#CAB4FD
83.3%	83.3% #D7C2FD	RGB 215 194 253	#D7C2FD
100.0%	100.0% #E2D0FD	RGB 226 208 253	#E2D0FD

#8B7DFF #9D8AFE #AE98FE #BDA6FE #CAB4FD #D7C2FD #E2D0FD

#8C7DFF - #BDA6FE - #E2D0FD

CSS codes

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

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