#5E767B - #BC9B9B | 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 #5E767B to #BC9B9B

#5E767B #BC9B9B

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

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

0.0%	0.0% #5E767B	RGB 94 118 123	#5E767B
16.7%	16.7% #6D7C80	RGB 109 124 128	#6D7C80
33.3%	33.3% #7D8285	RGB 125 130 133	#7D8285
50.0%	50.0% #8D888B	RGB 141 136 139	#8D888B
66.7%	66.7% #9C8E90	RGB 156 142 144	#9C8E90
83.3%	83.3% #AC9495	RGB 172 148 149	#AC9495
100.0%	100.0% #BC9B9B	RGB 188 155 155	#BC9B9B

#5E767B #6D7C80 #7D8285 #8D888B #9C8E90 #AC9495 #BC9B9B

#5E767B - #BC9B9B

HSV Blend

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

0.0%	0.0% #5E767B	RGB 94 118 123	#5E767B
16.7%	16.7% #677285	RGB 103 114 133	#677285
33.3%	33.3% #757190	RGB 117 113 144	#757190
50.0%	50.0% #8E7B9B	RGB 142 123 155	#8E7B9B
66.7%	66.7% #A685A4	RGB 166 133 164	#A685A4
83.3%	83.3% #B1909F	RGB 177 144 159	#B1909F
100.0%	100.0% #BC9B9B	RGB 188 155 155	#BC9B9B

#5E767B #677285 #757190 #8E7B9B #A685A4 #B1909F #BC9B9B

#5E767B - #8E7B9B - #BC9B9B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E767B 0%, #8E7B9B 50%, #BC9B9B 100%);
    background: -webkit-linear-gradient(top, #5E767B 0%, #8E7B9B 50%, #BC9B9B 100%);
    background: linear-gradient(to bottom, #5E767B 0%, #8E7B9B 50%, #BC9B9B 100%);
}
</style>