#8C70DA - #EEC3E1 | 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 #8C70DA to #EEC3E1

#8C70DA #EEC3E1

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

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

0.0%	0.0% #8C70DA	RGB 140 112 218	#8C70DA
16.7%	16.7% #9C7DDB	RGB 156 125 219	#9C7DDB
33.3%	33.3% #AC8BDC	RGB 172 139 220	#AC8BDC
50.0%	50.0% #BD99DD	RGB 189 153 221	#BD99DD
66.7%	66.7% #CDA7DE	RGB 205 167 222	#CDA7DE
83.3%	83.3% #DDB5DF	RGB 221 181 223	#DDB5DF
100.0%	100.0% #EEC3E1	RGB 238 195 225	#EEC3E1

#8C70DA #9C7DDB #AC8BDC #BD99DD #CDA7DE #DDB5DF #EEC3E1

#8C70DA - #EEC3E1

HSV Blend

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

0.0%	0.0% #8C70DA	RGB 140 112 218	#8C70DA
16.7%	16.7% #A77CDD	RGB 167 124 221	#A77CDD
33.3%	33.3% #BF8AE0	RGB 191 138 224	#BF8AE0
50.0%	50.0% #D397E4	RGB 211 151 228	#D397E4
66.7%	66.7% #E4A5E7	RGB 228 165 231	#E4A5E7
83.3%	83.3% #EAB4E3	RGB 234 180 227	#EAB4E3
100.0%	100.0% #EEC3E1	RGB 238 195 225	#EEC3E1

#8C70DA #A77CDD #BF8AE0 #D397E4 #E4A5E7 #EAB4E3 #EEC3E1

#8C70DA - #D397E4 - #EEC3E1

CSS codes

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

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