#B0ABC6 - #5D507E | 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 #B0ABC6 to #5D507E

#B0ABC6 #5D507E

Calculate the color between two colors, #B0ABC6 and #5D507E. 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)

#B0ABC6 - #5D507E | 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 #B0ABC6 as 0% and #5D507E as 100%.

0.0%	0.0% #B0ABC6	RGB 176 171 198	#B0ABC6
16.7%	16.7% #A29BBA	RGB 162 155 186	#A29BBA
33.3%	33.3% #948CAE	RGB 148 140 174	#948CAE
50.0%	50.0% #867DA2	RGB 134 125 162	#867DA2
66.7%	66.7% #786E96	RGB 120 110 150	#786E96
83.3%	83.3% #6A5F8A	RGB 106 95 138	#6A5F8A
100.0%	100.0% #5D507E	RGB 93 80 126	#5D507E

#B0ABC6 #A29BBA #948CAE #867DA2 #786E96 #6A5F8A #5D507E

#B0ABC6 - #5D507E

HSV Blend

#B0ABC6 - #5D507E | 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 #B0ABC6 as 0% and #5D507E as 100%.

0.0%	0.0% #B0ABC6	RGB 176 171 198	#B0ABC6
16.7%	16.7% #A099BA	RGB 160 153 186	#A099BA
33.3%	33.3% #9189AE	RGB 145 137 174	#9189AE
50.0%	50.0% #8279A2	RGB 130 121 162	#8279A2
66.7%	66.7% #756A96	RGB 117 106 150	#756A96
83.3%	83.3% #685C8A	RGB 104 92 138	#685C8A
100.0%	100.0% #5D507E	RGB 93 80 126	#5D507E

#B0ABC6 #A099BA #9189AE #8279A2 #756A96 #685C8A #5D507E

#B0ABC6 - #8279A2 - #5D507E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0ABC6 0%, #8279A2 50%, #5D507E 100%);
    background: -webkit-linear-gradient(top, #B0ABC6 0%, #8279A2 50%, #5D507E 100%);
    background: linear-gradient(to bottom, #B0ABC6 0%, #8279A2 50%, #5D507E 100%);
}
</style>