#520060 - #B03478 | 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 #520060 to #B03478

#520060 #B03478

Calculate the color between two colors, #520060 and #B03478. 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)

#520060 - #B03478 | 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 #520060 as 0% and #B03478 as 100%.

0.0%	0.0% #520060	RGB 82 0 96	#520060
16.7%	16.7% #610864	RGB 97 8 100	#610864
33.3%	33.3% #711168	RGB 113 17 104	#711168
50.0%	50.0% #811A6C	RGB 129 26 108	#811A6C
66.7%	66.7% #902270	RGB 144 34 112	#902270
83.3%	83.3% #A02B74	RGB 160 43 116	#A02B74
100.0%	100.0% #B03478	RGB 176 52 120	#B03478

#520060 #610864 #711168 #811A6C #902270 #A02B74 #B03478

#520060 - #B03478

HSV Blend

#520060 - #B03478 | 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 #520060 as 0% and #B03478 as 100%.

0.0%	0.0% #520060	RGB 82 0 96	#520060
16.7%	16.7% #68056D	RGB 104 5 109	#68056D
33.3%	33.3% #7A0C74	RGB 122 12 116	#7A0C74
50.0%	50.0% #881476	RGB 136 20 118	#881476
66.7%	66.7% #951D77	RGB 149 29 119	#951D77
83.3%	83.3% #A22877	RGB 162 40 119	#A22877
100.0%	100.0% #B03478	RGB 176 52 120	#B03478

#520060 #68056D #7A0C74 #881476 #951D77 #A22877 #B03478

#520060 - #881476 - #B03478

CSS codes

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

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