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

#B16DAE #521F5E

Calculate the color between two colors, #B16DAE 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)

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

0.0%	0.0% #B16DAE	RGB 177 109 174	#B16DAE
16.7%	16.7% #A160A0	RGB 161 96 160	#A160A0
33.3%	33.3% #915393	RGB 145 83 147	#915393
50.0%	50.0% #814686	RGB 129 70 134	#814686
66.7%	66.7% #713978	RGB 113 57 120	#713978
83.3%	83.3% #612C6B	RGB 97 44 107	#612C6B
100.0%	100.0% #521F5E	RGB 82 31 94	#521F5E

#B16DAE #A160A0 #915393 #814686 #713978 #612C6B #521F5E

#B16DAE - #521F5E

HSV Blend

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

0.0%	0.0% #B16DAE	RGB 177 109 174	#B16DAE
16.7%	16.7% #A35CA2	RGB 163 92 162	#A35CA2
33.3%	33.3% #924D95	RGB 146 77 149	#924D95
50.0%	50.0% #824087	RGB 130 64 135	#824087
66.7%	66.7% #713379	RGB 113 51 121	#713379
83.3%	83.3% #61286B	RGB 97 40 107	#61286B
100.0%	100.0% #521F5E	RGB 82 31 94	#521F5E

#B16DAE #A35CA2 #924D95 #824087 #713379 #61286B #521F5E

#B16DAE - #824087 - #521F5E

CSS codes

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

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