#5E909F - #BFBCBA | 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 #5E909F to #BFBCBA

#5E909F #BFBCBA

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

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

0.0%	0.0% #5E909F	RGB 94 144 159	#5E909F
16.7%	16.7% #6E97A3	RGB 110 151 163	#6E97A3
33.3%	33.3% #7E9EA8	RGB 126 158 168	#7E9EA8
50.0%	50.0% #8EA6AC	RGB 142 166 172	#8EA6AC
66.7%	66.7% #9EADB1	RGB 158 173 177	#9EADB1
83.3%	83.3% #AEB4B5	RGB 174 180 181	#AEB4B5
100.0%	100.0% #BFBCBA	RGB 191 188 186	#BFBCBA

#5E909F #6E97A3 #7E9EA8 #8EA6AC #9EADB1 #AEB4B5 #BFBCBA

#5E909F - #BFBCBA

HSV Blend

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

0.0%	0.0% #5E909F	RGB 94 144 159	#5E909F
16.7%	16.7% #6BA496	RGB 107 164 150	#6BA496
33.3%	33.3% #79A987	RGB 121 169 135	#79A987
50.0%	50.0% #8FAF88	RGB 143 175 136	#8FAF88
66.7%	66.7% #AAB498	RGB 170 180 152	#AAB498
83.3%	83.3% #B9B7A8	RGB 185 183 168	#B9B7A8
100.0%	100.0% #BFBCBA	RGB 191 188 186	#BFBCBA

#5E909F #6BA496 #79A987 #8FAF88 #AAB498 #B9B7A8 #BFBCBA

#5E909F - #8FAF88 - #BFBCBA

CSS codes

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

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