#5E005D - #B04091 | 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 #5E005D to #B04091

#5E005D #B04091

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

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

0.0%	0.0% #5E005D	RGB 94 0 93	#5E005D
16.7%	16.7% #6B0A65	RGB 107 10 101	#6B0A65
33.3%	33.3% #79156E	RGB 121 21 110	#79156E
50.0%	50.0% #872077	RGB 135 32 119	#872077
66.7%	66.7% #942A7F	RGB 148 42 127	#942A7F
83.3%	83.3% #A23588	RGB 162 53 136	#A23588
100.0%	100.0% #B04091	RGB 176 64 145	#B04091

#5E005D #6B0A65 #79156E #872077 #942A7F #A23588 #B04091

#5E005D - #B04091

HSV Blend

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

0.0%	0.0% #5E005D	RGB 94 0 93	#5E005D
16.7%	16.7% #6B0666	RGB 107 6 102	#6B0666
33.3%	33.3% #790E6E	RGB 121 14 110	#790E6E
50.0%	50.0% #871877	RGB 135 24 119	#871877
66.7%	66.7% #94247F	RGB 148 36 127	#94247F
83.3%	83.3% #A23188	RGB 162 49 136	#A23188
100.0%	100.0% #B04091	RGB 176 64 145	#B04091

#5E005D #6B0666 #790E6E #871877 #94247F #A23188 #B04091

#5E005D - #871877 - #B04091

CSS codes

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

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