#5E7187 - #BFB3A6 | 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 #5E7187 to #BFB3A6

#5E7187 #BFB3A6

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

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

0.0%	0.0% #5E7187	RGB 94 113 135	#5E7187
16.7%	16.7% #6E7C8C	RGB 110 124 140	#6E7C8C
33.3%	33.3% #7E8791	RGB 126 135 145	#7E8791
50.0%	50.0% #8E9296	RGB 142 146 150	#8E9296
66.7%	66.7% #9E9D9B	RGB 158 157 155	#9E9D9B
83.3%	83.3% #AEA8A0	RGB 174 168 160	#AEA8A0
100.0%	100.0% #BFB3A6	RGB 191 179 166	#BFB3A6

#5E7187 #6E7C8C #7E8791 #8E9296 #9E9D9B #AEA8A0 #BFB3A6

#5E7187 - #BFB3A6

HSV Blend

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

0.0%	0.0% #5E7187	RGB 94 113 135	#5E7187
16.7%	16.7% #696890	RGB 105 104 144	#696890
33.3%	33.3% #877399	RGB 135 115 153	#877399
50.0%	50.0% #A37FA1	RGB 163 127 161	#A37FA1
66.7%	66.7% #AC8B9B	RGB 172 139 155	#AC8B9B
83.3%	83.3% #B59998	RGB 181 153 152	#B59998
100.0%	100.0% #BFB3A6	RGB 191 179 166	#BFB3A6

#5E7187 #696890 #877399 #A37FA1 #AC8B9B #B59998 #BFB3A6

#5E7187 - #A37FA1 - #BFB3A6

CSS codes

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

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