#8C55EF - #5E009C | 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 #8C55EF to #5E009C

#8C55EF #5E009C

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

#8C55EF - #5E009C | 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 #8C55EF as 0% and #5E009C as 100%.

0.0%	0.0% #8C55EF	RGB 140 85 239	#8C55EF
16.7%	16.7% #8446E1	RGB 132 70 225	#8446E1
33.3%	33.3% #7C38D3	RGB 124 56 211	#7C38D3
50.0%	50.0% #752AC5	RGB 117 42 197	#752AC5
66.7%	66.7% #6D1CB7	RGB 109 28 183	#6D1CB7
83.3%	83.3% #650EA9	RGB 101 14 169	#650EA9
100.0%	100.0% #5E009C	RGB 94 0 156	#5E009C

#8C55EF #8446E1 #7C38D3 #752AC5 #6D1CB7 #650EA9 #5E009C

#8C55EF - #5E009C

HSV Blend

#8C55EF - #5E009C | 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 #8C55EF as 0% and #5E009C as 100%.

0.0%	0.0% #8B55EF	RGB 139 85 239	#8B55EF
16.7%	16.7% #8142E1	RGB 129 66 225	#8142E1
33.3%	33.3% #7832D3	RGB 120 50 211	#7832D3
50.0%	50.0% #7123C5	RGB 113 35 197	#7123C5
66.7%	66.7% #6A15B7	RGB 106 21 183	#6A15B7
83.3%	83.3% #630AA9	RGB 99 10 169	#630AA9
100.0%	100.0% #5E009C	RGB 94 0 156	#5E009C

#8B55EF #8142E1 #7832D3 #7123C5 #6A15B7 #630AA9 #5E009C

#8C55EF - #7123C5 - #5E009C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B55EF 0%, #7123C5 50%, #5E009C 100%);
    background: -webkit-linear-gradient(top, #8B55EF 0%, #7123C5 50%, #5E009C 100%);
    background: linear-gradient(to bottom, #8B55EF 0%, #7123C5 50%, #5E009C 100%);
}
</style>