#B5A8BE - #504879 | 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 #B5A8BE to #504879

#B5A8BE #504879

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

#B5A8BE - #504879 | 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 #B5A8BE as 0% and #504879 as 100%.

0.0%	0.0% #B5A8BE	RGB 181 168 190	#B5A8BE
16.7%	16.7% #A498B2	RGB 164 152 178	#A498B2
33.3%	33.3% #9388A7	RGB 147 136 167	#9388A7
50.0%	50.0% #82789B	RGB 130 120 155	#82789B
66.7%	66.7% #716890	RGB 113 104 144	#716890
83.3%	83.3% #605884	RGB 96 88 132	#605884
100.0%	100.0% #504879	RGB 80 72 121	#504879

#B5A8BE #A498B2 #9388A7 #82789B #716890 #605884 #504879

#B5A8BE - #504879

HSV Blend

#B5A8BE - #504879 | 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 #B5A8BE as 0% and #504879 as 100%.

0.0%	0.0% #B5A8BE	RGB 181 168 190	#B5A8BE
16.7%	16.7% #A495B2	RGB 164 149 178	#A495B2
33.3%	33.3% #9383A7	RGB 147 131 167	#9383A7
50.0%	50.0% #82739B	RGB 130 115 155	#82739B
66.7%	66.7% #716390	RGB 113 99 144	#716390
83.3%	83.3% #605584	RGB 96 85 132	#605584
100.0%	100.0% #504879	RGB 80 72 121	#504879

#B5A8BE #A495B2 #9383A7 #82739B #716390 #605584 #504879

#B5A8BE - #82739B - #504879

CSS codes

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

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