#520055 - #895EAF | 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 #520055 to #895EAF

#520055 #895EAF

Calculate the color between two colors, #520055 and #895EAF. 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)

#520055 - #895EAF | 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 #520055 as 0% and #895EAF as 100%.

0.0%	0.0% #520055	RGB 82 0 85	#520055
16.7%	16.7% #5B0F64	RGB 91 15 100	#5B0F64
33.3%	33.3% #641F73	RGB 100 31 115	#641F73
50.0%	50.0% #6D2F82	RGB 109 47 130	#6D2F82
66.7%	66.7% #763E91	RGB 118 62 145	#763E91
83.3%	83.3% #7F4EA0	RGB 127 78 160	#7F4EA0
100.0%	100.0% #895EAF	RGB 137 94 175	#895EAF

#520055 #5B0F64 #641F73 #6D2F82 #763E91 #7F4EA0 #895EAF

#520055 - #895EAF

HSV Blend

#520055 - #895EAF | 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 #520055 as 0% and #895EAF as 100%.

0.0%	0.0% #520055	RGB 82 0 85	#520055
16.7%	16.7% #5A0864	RGB 90 8 100	#5A0864
33.3%	33.3% #621473	RGB 98 20 115	#621473
50.0%	50.0% #6A2282	RGB 106 34 130	#6A2282
66.7%	66.7% #723391	RGB 114 51 145	#723391
83.3%	83.3% #7C47A0	RGB 124 71 160	#7C47A0
100.0%	100.0% #895EAF	RGB 137 94 175	#895EAF

#520055 #5A0864 #621473 #6A2282 #723391 #7C47A0 #895EAF

#520055 - #6A2282 - #895EAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #520055 0%, #6A2282 50%, #895EAF 100%);
    background: -webkit-linear-gradient(top, #520055 0%, #6A2282 50%, #895EAF 100%);
    background: linear-gradient(to bottom, #520055 0%, #6A2282 50%, #895EAF 100%);
}
</style>