#5E9199 - #B5B2B4 | 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 #5E9199 to #B5B2B4

#5E9199 #B5B2B4

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

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

0.0%	0.0% #5E9199	RGB 94 145 153	#5E9199
16.7%	16.7% #6C969D	RGB 108 150 157	#6C969D
33.3%	33.3% #7B9CA2	RGB 123 156 162	#7B9CA2
50.0%	50.0% #89A1A6	RGB 137 161 166	#89A1A6
66.7%	66.7% #98A7AB	RGB 152 167 171	#98A7AB
83.3%	83.3% #A6ACAF	RGB 166 172 175	#A6ACAF
100.0%	100.0% #B5B2B4	RGB 181 178 180	#B5B2B4

#5E9199 #6C969D #7B9CA2 #89A1A6 #98A7AB #A6ACAF #B5B2B4

#5E9199 - #B5B2B4

HSV Blend

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

0.0%	0.0% #5E9199	RGB 94 145 153	#5E9199
16.7%	16.7% #6A849D	RGB 106 132 157	#6A849D
33.3%	33.3% #777DA2	RGB 119 125 162	#777DA2
50.0%	50.0% #8D85A7	RGB 141 133 167	#8D85A7
66.7%	66.7% #A293AB	RGB 162 147 171	#A293AB
83.3%	83.3% #AFA2B0	RGB 175 162 176	#AFA2B0
100.0%	100.0% #B5B2B4	RGB 181 178 180	#B5B2B4

#5E9199 #6A849D #777DA2 #8D85A7 #A293AB #AFA2B0 #B5B2B4

#5E9199 - #8D85A7 - #B5B2B4

CSS codes

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

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