#8C5EBB - #F676FF | 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 #8C5EBB to #F676FF

#8C5EBB #F676FF

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

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

0.0%	0.0% #8C5EBB	RGB 140 94 187	#8C5EBB
16.7%	16.7% #9D62C6	RGB 157 98 198	#9D62C6
33.3%	33.3% #AF66D1	RGB 175 102 209	#AF66D1
50.0%	50.0% #C16ADD	RGB 193 106 221	#C16ADD
66.7%	66.7% #D26EE8	RGB 210 110 232	#D26EE8
83.3%	83.3% #E472F3	RGB 228 114 243	#E472F3
100.0%	100.0% #F676FF	RGB 246 118 255	#F676FF

#8C5EBB #9D62C6 #AF66D1 #C16ADD #D26EE8 #E472F3 #F676FF

#8C5EBB - #F676FF

HSV Blend

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

0.0%	0.0% #8C5EBB	RGB 140 94 187	#8C5EBB
16.7%	16.7% #9B62C6	RGB 155 98 198	#9B62C6
33.3%	33.3% #AB66D1	RGB 171 102 209	#AB66D1
50.0%	50.0% #BC6ADD	RGB 188 106 221	#BC6ADD
66.7%	66.7% #CE6EE8	RGB 206 110 232	#CE6EE8
83.3%	83.3% #E172F3	RGB 225 114 243	#E172F3
100.0%	100.0% #F676FF	RGB 246 118 255	#F676FF

#8C5EBB #9B62C6 #AB66D1 #BC6ADD #CE6EE8 #E172F3 #F676FF

#8C5EBB - #BC6ADD - #F676FF

CSS codes

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

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