#5E779C - #BBB9B7 | 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 #5E779C to #BBB9B7

#5E779C #BBB9B7

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

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

0.0%	0.0% #5E779C	RGB 94 119 156	#5E779C
16.7%	16.7% #6D82A0	RGB 109 130 160	#6D82A0
33.3%	33.3% #7D8DA5	RGB 125 141 165	#7D8DA5
50.0%	50.0% #8C98A9	RGB 140 152 169	#8C98A9
66.7%	66.7% #9CA3AE	RGB 156 163 174	#9CA3AE
83.3%	83.3% #ABAEB2	RGB 171 174 178	#ABAEB2
100.0%	100.0% #BBB9B7	RGB 187 185 183	#BBB9B7

#5E779C #6D82A0 #7D8DA5 #8C98A9 #9CA3AE #ABAEB2 #BBB9B7

#5E779C - #BBB9B7

HSV Blend

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

0.0%	0.0% #5E779C	RGB 94 119 156	#5E779C
16.7%	16.7% #6F6BA1	RGB 111 107 161	#6F6BA1
33.3%	33.3% #9279A6	RGB 146 121 166	#9279A6
50.0%	50.0% #AB87A9	RGB 171 135 169	#AB87A9
66.7%	66.7% #B096A2	RGB 176 150 162	#B096A2
83.3%	83.3% #B5A6A6	RGB 181 166 166	#B5A6A6
100.0%	100.0% #BBB9B7	RGB 187 185 183	#BBB9B7

#5E779C #6F6BA1 #9279A6 #AB87A9 #B096A2 #B5A6A6 #BBB9B7

#5E779C - #AB87A9 - #BBB9B7

CSS codes

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

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