#5E053A - #B0395B | 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 #5E053A to #B0395B

#5E053A #B0395B

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

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

0.0%	0.0% #5E053A	RGB 94 5 58	#5E053A
16.7%	16.7% #6B0D3F	RGB 107 13 63	#6B0D3F
33.3%	33.3% #791645	RGB 121 22 69	#791645
50.0%	50.0% #871F4A	RGB 135 31 74	#871F4A
66.7%	66.7% #942750	RGB 148 39 80	#942750
83.3%	83.3% #A23055	RGB 162 48 85	#A23055
100.0%	100.0% #B0395B	RGB 176 57 91	#B0395B

#5E053A #6B0D3F #791645 #871F4A #942750 #A23055 #B0395B

#5E053A - #B0395B

HSV Blend

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

0.0%	0.0% #5E0439	RGB 94 4 57	#5E0439
16.7%	16.7% #6B0A3F	RGB 107 10 63	#6B0A3F
33.3%	33.3% #791144	RGB 121 17 68	#791144
50.0%	50.0% #871949	RGB 135 25 73	#871949
66.7%	66.7% #94224F	RGB 148 34 79	#94224F
83.3%	83.3% #A22D54	RGB 162 45 84	#A22D54
100.0%	100.0% #B0395B	RGB 176 57 91	#B0395B

#5E0439 #6B0A3F #791144 #871949 #94224F #A22D54 #B0395B

#5E053A - #871949 - #B0395B

CSS codes

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

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