#B1B2B6 - #566771 | 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 #B1B2B6 to #566771

#B1B2B6 #566771

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

#B1B2B6 - #566771 | 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 #B1B2B6 as 0% and #566771 as 100%.

0.0%	0.0% #B1B2B6	RGB 177 178 182	#B1B2B6
16.7%	16.7% #A1A5AA	RGB 161 165 170	#A1A5AA
33.3%	33.3% #92999F	RGB 146 153 159	#92999F
50.0%	50.0% #838C93	RGB 131 140 147	#838C93
66.7%	66.7% #748088	RGB 116 128 136	#748088
83.3%	83.3% #65737C	RGB 101 115 124	#65737C
100.0%	100.0% #566771	RGB 86 103 113	#566771

#B1B2B6 #A1A5AA #92999F #838C93 #748088 #65737C #566771

#B1B2B6 - #566771

HSV Blend

#B1B2B6 - #566771 | 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 #B1B2B6 as 0% and #566771 as 100%.

0.0%	0.0% #B1B2B6	RGB 177 178 182	#B1B2B6
16.7%	16.7% #9FA2AA	RGB 159 162 170	#9FA2AA
33.3%	33.3% #8F949F	RGB 143 148 159	#8F949F
50.0%	50.0% #7F8893	RGB 127 136 147	#7F8893
66.7%	66.7% #717C88	RGB 113 124 136	#717C88
83.3%	83.3% #63717C	RGB 99 113 124	#63717C
100.0%	100.0% #566771	RGB 86 103 113	#566771

#B1B2B6 #9FA2AA #8F949F #7F8893 #717C88 #63717C #566771

#B1B2B6 - #7F8893 - #566771

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1B2B6 0%, #7F8893 50%, #566771 100%);
    background: -webkit-linear-gradient(top, #B1B2B6 0%, #7F8893 50%, #566771 100%);
    background: linear-gradient(to bottom, #B1B2B6 0%, #7F8893 50%, #566771 100%);
}
</style>