#B1ABC6 - #694C7E | 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 #B1ABC6 to #694C7E

#B1ABC6 #694C7E

Calculate the color between two colors, #B1ABC6 and #694C7E. 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)

#B1ABC6 - #694C7E | 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 #B1ABC6 as 0% and #694C7E as 100%.

0.0%	0.0% #B1ABC6	RGB 177 171 198	#B1ABC6
16.7%	16.7% #A59BBA	RGB 165 155 186	#A59BBA
33.3%	33.3% #998BAE	RGB 153 139 174	#998BAE
50.0%	50.0% #8D7BA2	RGB 141 123 162	#8D7BA2
66.7%	66.7% #816B96	RGB 129 107 150	#816B96
83.3%	83.3% #755B8A	RGB 117 91 138	#755B8A
100.0%	100.0% #694C7E	RGB 105 76 126	#694C7E

#B1ABC6 #A59BBA #998BAE #8D7BA2 #816B96 #755B8A #694C7E

#B1ABC6 - #694C7E

HSV Blend

#B1ABC6 - #694C7E | 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 #B1ABC6 as 0% and #694C7E as 100%.

0.0%	0.0% #B1ABC6	RGB 177 171 198	#B1ABC6
16.7%	16.7% #A198BA	RGB 161 152 186	#A198BA
33.3%	33.3% #9487AE	RGB 148 135 174	#9487AE
50.0%	50.0% #8876A2	RGB 136 118 162	#8876A2
66.7%	66.7% #7C6796	RGB 124 103 150	#7C6796
83.3%	83.3% #72598A	RGB 114 89 138	#72598A
100.0%	100.0% #694C7E	RGB 105 76 126	#694C7E

#B1ABC6 #A198BA #9487AE #8876A2 #7C6796 #72598A #694C7E

#B1ABC6 - #8876A2 - #694C7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1ABC6 0%, #8876A2 50%, #694C7E 100%);
    background: -webkit-linear-gradient(top, #B1ABC6 0%, #8876A2 50%, #694C7E 100%);
    background: linear-gradient(to bottom, #B1ABC6 0%, #8876A2 50%, #694C7E 100%);
}
</style>