#896B93 - #521F5E | 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 #896B93 to #521F5E

#896B93 #521F5E

Calculate the color between two colors, #896B93 and #521F5E. 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)

#896B93 - #521F5E | 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 #896B93 as 0% and #521F5E as 100%.

0.0%	0.0% #896B93	RGB 137 107 147	#896B93
16.7%	16.7% #7F5E8A	RGB 127 94 138	#7F5E8A
33.3%	33.3% #765181	RGB 118 81 129	#765181
50.0%	50.0% #6D4578	RGB 109 69 120	#6D4578
66.7%	66.7% #64386F	RGB 100 56 111	#64386F
83.3%	83.3% #5B2B66	RGB 91 43 102	#5B2B66
100.0%	100.0% #521F5E	RGB 82 31 94	#521F5E

#896B93 #7F5E8A #765181 #6D4578 #64386F #5B2B66 #521F5E

#896B93 - #521F5E

HSV Blend

#896B93 - #521F5E | 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 #896B93 as 0% and #521F5E as 100%.

0.0%	0.0% #896B93	RGB 137 107 147	#896B93
16.7%	16.7% #7E5B8A	RGB 126 91 138	#7E5B8A
33.3%	33.3% #754C81	RGB 117 76 129	#754C81
50.0%	50.0% #6B3F78	RGB 107 63 120	#6B3F78
66.7%	66.7% #63336F	RGB 99 51 111	#63336F
83.3%	83.3% #5A2866	RGB 90 40 102	#5A2866
100.0%	100.0% #521F5E	RGB 82 31 94	#521F5E

#896B93 #7E5B8A #754C81 #6B3F78 #63336F #5A2866 #521F5E

#896B93 - #6B3F78 - #521F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #896B93 0%, #6B3F78 50%, #521F5E 100%);
    background: -webkit-linear-gradient(top, #896B93 0%, #6B3F78 50%, #521F5E 100%);
    background: linear-gradient(to bottom, #896B93 0%, #6B3F78 50%, #521F5E 100%);
}
</style>