#5E7598 - #BBB7B4 | 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 #5E7598 to #BBB7B4

#5E7598 #BBB7B4

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

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

0.0%	0.0% #5E7598	RGB 94 117 152	#5E7598
16.7%	16.7% #6D809C	RGB 109 128 156	#6D809C
33.3%	33.3% #7D8BA1	RGB 125 139 161	#7D8BA1
50.0%	50.0% #8C96A6	RGB 140 150 166	#8C96A6
66.7%	66.7% #9CA1AA	RGB 156 161 170	#9CA1AA
83.3%	83.3% #ABACAF	RGB 171 172 175	#ABACAF
100.0%	100.0% #BBB7B4	RGB 187 183 180	#BBB7B4

#5E7598 #6D809C #7D8BA1 #8C96A6 #9CA1AA #ABACAF #BBB7B4

#5E7598 - #BBB7B4

HSV Blend

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

0.0%	0.0% #5E7598	RGB 94 117 152	#5E7598
16.7%	16.7% #6E6A9D	RGB 110 106 157	#6E6A9D
33.3%	33.3% #8F77A3	RGB 143 119 163	#8F77A3
50.0%	50.0% #A985A8	RGB 169 133 168	#A985A8
66.7%	66.7% #AF94A2	RGB 175 148 162	#AF94A2
83.3%	83.3% #B5A3A4	RGB 181 163 164	#B5A3A4
100.0%	100.0% #BBB7B4	RGB 187 183 180	#BBB7B4

#5E7598 #6E6A9D #8F77A3 #A985A8 #AF94A2 #B5A3A4 #BBB7B4

#5E7598 - #A985A8 - #BBB7B4

CSS codes

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

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