#5E005A - #B03E8C | 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 #5E005A to #B03E8C

#5E005A #B03E8C

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

#5E005A - #B03E8C | 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 #5E005A as 0% and #B03E8C as 100%.

0.0%	0.0% #5E005A	RGB 94 0 90	#5E005A
16.7%	16.7% #6B0A62	RGB 107 10 98	#6B0A62
33.3%	33.3% #79146A	RGB 121 20 106	#79146A
50.0%	50.0% #871F73	RGB 135 31 115	#871F73
66.7%	66.7% #94297B	RGB 148 41 123	#94297B
83.3%	83.3% #A23383	RGB 162 51 131	#A23383
100.0%	100.0% #B03E8C	RGB 176 62 140	#B03E8C

#5E005A #6B0A62 #79146A #871F73 #94297B #A23383 #B03E8C

#5E005A - #B03E8C

HSV Blend

#5E005A - #B03E8C | 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 #5E005A as 0% and #B03E8C as 100%.

0.0%	0.0% #5E0059	RGB 94 0 89	#5E0059
16.7%	16.7% #6B0662	RGB 107 6 98	#6B0662
33.3%	33.3% #790E6B	RGB 121 14 107	#790E6B
50.0%	50.0% #871773	RGB 135 23 115	#871773
66.7%	66.7% #94227B	RGB 148 34 123	#94227B
83.3%	83.3% #A22F83	RGB 162 47 131	#A22F83
100.0%	100.0% #B03E8C	RGB 176 62 140	#B03E8C

#5E0059 #6B0662 #790E6B #871773 #94227B #A22F83 #B03E8C

#5E005A - #871773 - #B03E8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0059 0%, #871773 50%, #B03E8C 100%);
    background: -webkit-linear-gradient(top, #5E0059 0%, #871773 50%, #B03E8C 100%);
    background: linear-gradient(to bottom, #5E0059 0%, #871773 50%, #B03E8C 100%);
}
</style>