#5E6D7B - #BCA49B | 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 #5E6D7B to #BCA49B

#5E6D7B #BCA49B

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

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

0.0%	0.0% #5E6D7B	RGB 94 109 123	#5E6D7B
16.7%	16.7% #6D7680	RGB 109 118 128	#6D7680
33.3%	33.3% #7D7F85	RGB 125 127 133	#7D7F85
50.0%	50.0% #8D888B	RGB 141 136 139	#8D888B
66.7%	66.7% #9C9190	RGB 156 145 144	#9C9190
83.3%	83.3% #AC9A95	RGB 172 154 149	#AC9A95
100.0%	100.0% #BCA49B	RGB 188 164 155	#BCA49B

#5E6D7B #6D7680 #7D7F85 #8D888B #9C9190 #AC9A95 #BCA49B

#5E6D7B - #BCA49B

HSV Blend

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

0.0%	0.0% #5E6D7B	RGB 94 109 123	#5E6D7B
16.7%	16.7% #676985	RGB 103 105 133	#676985
33.3%	33.3% #7E7190	RGB 126 113 144	#7E7190
50.0%	50.0% #977B9B	RGB 151 123 155	#977B9B
66.7%	66.7% #A6859B	RGB 166 133 155	#A6859B
83.3%	83.3% #B19096	RGB 177 144 150	#B19096
100.0%	100.0% #BCA49B	RGB 188 164 155	#BCA49B

#5E6D7B #676985 #7E7190 #977B9B #A6859B #B19096 #BCA49B

#5E6D7B - #977B9B - #BCA49B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6D7B 0%, #977B9B 50%, #BCA49B 100%);
    background: -webkit-linear-gradient(top, #5E6D7B 0%, #977B9B 50%, #BCA49B 100%);
    background: linear-gradient(to bottom, #5E6D7B 0%, #977B9B 50%, #BCA49B 100%);
}
</style>