#5E699F - #BEBFBA | 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 #5E699F to #BEBFBA

#5E699F #BEBFBA

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

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

0.0%	0.0% #5E699F	RGB 94 105 159	#5E699F
16.7%	16.7% #6E77A3	RGB 110 119 163	#6E77A3
33.3%	33.3% #7E85A8	RGB 126 133 168	#7E85A8
50.0%	50.0% #8E94AC	RGB 142 148 172	#8E94AC
66.7%	66.7% #9EA2B1	RGB 158 162 177	#9EA2B1
83.3%	83.3% #AEB0B5	RGB 174 176 181	#AEB0B5
100.0%	100.0% #BEBFBA	RGB 190 191 186	#BEBFBA

#5E699F #6E77A3 #7E85A8 #8E94AC #9EA2B1 #AEB0B5 #BEBFBA

#5E699F - #BEBFBA

HSV Blend

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

0.0%	0.0% #5E699F	RGB 94 105 159	#5E699F
16.7%	16.7% #6B8EA4	RGB 107 142 164	#6B8EA4
33.3%	33.3% #79A9A7	RGB 121 169 167	#79A9A7
50.0%	50.0% #88AF9C	RGB 136 175 156	#88AF9C
66.7%	66.7% #98B49A	RGB 152 180 154	#98B49A
83.3%	83.3% #AFB9A8	RGB 175 185 168	#AFB9A8
100.0%	100.0% #BEBFBA	RGB 190 191 186	#BEBFBA

#5E699F #6B8EA4 #79A9A7 #88AF9C #98B49A #AFB9A8 #BEBFBA

#5E699F - #88AF9C - #BEBFBA

CSS codes

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

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