#8C5E8D - #CC78FF | 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 #8C5E8D to #CC78FF

#8C5E8D #CC78FF

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

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

0.0%	0.0% #8C5E8D	RGB 140 94 141	#8C5E8D
16.7%	16.7% #9662A0	RGB 150 98 160	#9662A0
33.3%	33.3% #A166B3	RGB 161 102 179	#A166B3
50.0%	50.0% #AC6BC6	RGB 172 107 198	#AC6BC6
66.7%	66.7% #B66FD9	RGB 182 111 217	#B66FD9
83.3%	83.3% #C173EC	RGB 193 115 236	#C173EC
100.0%	100.0% #CC78FF	RGB 204 120 255	#CC78FF

#8C5E8D #9662A0 #A166B3 #AC6BC6 #B66FD9 #C173EC #CC78FF

#8C5E8D - #CC78FF

HSV Blend

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

0.0%	0.0% #8C5E8D	RGB 140 94 141	#8C5E8D
16.7%	16.7% #9B65A0	RGB 155 101 160	#9B65A0
33.3%	33.3% #A96BB3	RGB 169 107 179	#A96BB3
50.0%	50.0% #B470C6	RGB 180 112 198	#B470C6
66.7%	66.7% #BE74D9	RGB 190 116 217	#BE74D9
83.3%	83.3% #C676EC	RGB 198 118 236	#C676EC
100.0%	100.0% #CC78FF	RGB 204 120 255	#CC78FF

#8C5E8D #9B65A0 #A96BB3 #B470C6 #BE74D9 #C676EC #CC78FF

#8C5E8D - #B470C6 - #CC78FF

CSS codes

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

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