#B5B8C4 - #596C81 | 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 #B5B8C4 to #596C81

#B5B8C4 #596C81

Calculate the color between two colors, #B5B8C4 and #596C81. 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)

#B5B8C4 - #596C81 | 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 #B5B8C4 as 0% and #596C81 as 100%.

0.0%	0.0% #B5B8C4	RGB 181 184 196	#B5B8C4
16.7%	16.7% #A5ABB8	RGB 165 171 184	#A5ABB8
33.3%	33.3% #969EAD	RGB 150 158 173	#969EAD
50.0%	50.0% #8792A2	RGB 135 146 162	#8792A2
66.7%	66.7% #778597	RGB 119 133 151	#778597
83.3%	83.3% #68788C	RGB 104 120 140	#68788C
100.0%	100.0% #596C81	RGB 89 108 129	#596C81

#B5B8C4 #A5ABB8 #969EAD #8792A2 #778597 #68788C #596C81

#B5B8C4 - #596C81

HSV Blend

#B5B8C4 - #596C81 | 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 #B5B8C4 as 0% and #596C81 as 100%.

0.0%	0.0% #B5B8C4	RGB 181 184 196	#B5B8C4
16.7%	16.7% #A3A8B8	RGB 163 168 184	#A3A8B8
33.3%	33.3% #929AAD	RGB 146 154 173	#929AAD
50.0%	50.0% #838DA2	RGB 131 141 162	#838DA2
66.7%	66.7% #748197	RGB 116 129 151	#748197
83.3%	83.3% #66768C	RGB 102 118 140	#66768C
100.0%	100.0% #596C81	RGB 89 108 129	#596C81

#B5B8C4 #A3A8B8 #929AAD #838DA2 #748197 #66768C #596C81

#B5B8C4 - #838DA2 - #596C81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B8C4 0%, #838DA2 50%, #596C81 100%);
    background: -webkit-linear-gradient(top, #B5B8C4 0%, #838DA2 50%, #596C81 100%);
    background: linear-gradient(to bottom, #B5B8C4 0%, #838DA2 50%, #596C81 100%);
}
</style>