#8C6FD8 - #EEC2DF | 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 #8C6FD8 to #EEC2DF

#8C6FD8 #EEC2DF

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

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

0.0%	0.0% #8C6FD8	RGB 140 111 216	#8C6FD8
16.7%	16.7% #9C7CD9	RGB 156 124 217	#9C7CD9
33.3%	33.3% #AC8ADA	RGB 172 138 218	#AC8ADA
50.0%	50.0% #BD98DB	RGB 189 152 219	#BD98DB
66.7%	66.7% #CDA6DC	RGB 205 166 220	#CDA6DC
83.3%	83.3% #DDB4DD	RGB 221 180 221	#DDB4DD
100.0%	100.0% #EEC2DF	RGB 238 194 223	#EEC2DF

#8C6FD8 #9C7CD9 #AC8ADA #BD98DB #CDA6DC #DDB4DD #EEC2DF

#8C6FD8 - #EEC2DF

HSV Blend

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

0.0%	0.0% #8C6FD8	RGB 140 111 216	#8C6FD8
16.7%	16.7% #A77BDB	RGB 167 123 219	#A77BDB
33.3%	33.3% #BF89DF	RGB 191 137 223	#BF89DF
50.0%	50.0% #D496E3	RGB 212 150 227	#D496E3
66.7%	66.7% #E5A4E6	RGB 229 164 230	#E5A4E6
83.3%	83.3% #EAB3E1	RGB 234 179 225	#EAB3E1
100.0%	100.0% #EEC2DF	RGB 238 194 223	#EEC2DF

#8C6FD8 #A77BDB #BF89DF #D496E3 #E5A4E6 #EAB3E1 #EEC2DF

#8C6FD8 - #D496E3 - #EEC2DF

CSS codes

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

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