#B4B4B8 - #556C73 | 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 #B4B4B8 to #556C73

#B4B4B8 #556C73

Calculate the color between two colors, #B4B4B8 and #556C73. 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)

#B4B4B8 - #556C73 | 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 #B4B4B8 as 0% and #556C73 as 100%.

0.0%	0.0% #B4B4B8	RGB 180 180 184	#B4B4B8
16.7%	16.7% #A4A8AC	RGB 164 168 172	#A4A8AC
33.3%	33.3% #949CA1	RGB 148 156 161	#949CA1
50.0%	50.0% #849095	RGB 132 144 149	#849095
66.7%	66.7% #74848A	RGB 116 132 138	#74848A
83.3%	83.3% #64787E	RGB 100 120 126	#64787E
100.0%	100.0% #556C73	RGB 85 108 115	#556C73

#B4B4B8 #A4A8AC #949CA1 #849095 #74848A #64787E #556C73

#B4B4B8 - #556C73

HSV Blend

#B4B4B8 - #556C73 | 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 #B4B4B8 as 0% and #556C73 as 100%.

0.0%	0.0% #B4B4B8	RGB 180 180 184	#B4B4B8
16.7%	16.7% #A1A3AC	RGB 161 163 172	#A1A3AC
33.3%	33.3% #9094A1	RGB 144 148 161	#9094A1
50.0%	50.0% #808895	RGB 128 136 149	#808895
66.7%	66.7% #717D8A	RGB 113 125 138	#717D8A
83.3%	83.3% #62747E	RGB 98 116 126	#62747E
100.0%	100.0% #556C73	RGB 85 108 115	#556C73

#B4B4B8 #A1A3AC #9094A1 #808895 #717D8A #62747E #556C73

#B4B4B8 - #808895 - #556C73

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4B4B8 0%, #808895 50%, #556C73 100%);
    background: -webkit-linear-gradient(top, #B4B4B8 0%, #808895 50%, #556C73 100%);
    background: linear-gradient(to bottom, #B4B4B8 0%, #808895 50%, #556C73 100%);
}
</style>