#BEBEC2 - #5E767F | 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 #BEBEC2 to #5E767F

#BEBEC2 #5E767F

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

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

0.0%	0.0% #BEBEC2	RGB 190 190 194	#BEBEC2
16.7%	16.7% #AEB2B6	RGB 174 178 182	#AEB2B6
33.3%	33.3% #9EA6AB	RGB 158 166 171	#9EA6AB
50.0%	50.0% #8E9AA0	RGB 142 154 160	#8E9AA0
66.7%	66.7% #7E8E95	RGB 126 142 149	#7E8E95
83.3%	83.3% #6E828A	RGB 110 130 138	#6E828A
100.0%	100.0% #5E767F	RGB 94 118 127	#5E767F

#BEBEC2 #AEB2B6 #9EA6AB #8E9AA0 #7E8E95 #6E828A #5E767F

#BEBEC2 - #5E767F

HSV Blend

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

0.0%	0.0% #BEBEC2	RGB 190 190 194	#BEBEC2
16.7%	16.7% #ABADB6	RGB 171 173 182	#ABADB6
33.3%	33.3% #9A9EAB	RGB 154 158 171	#9A9EAB
50.0%	50.0% #8992A0	RGB 137 146 160	#8992A0
66.7%	66.7% #7A8795	RGB 122 135 149	#7A8795
83.3%	83.3% #6B7E8A	RGB 107 126 138	#6B7E8A
100.0%	100.0% #5E767F	RGB 94 118 127	#5E767F

#BEBEC2 #ABADB6 #9A9EAB #8992A0 #7A8795 #6B7E8A #5E767F

#BEBEC2 - #8992A0 - #5E767F

CSS codes

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

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