#B5B8C3 - #596C80 | 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 #B5B8C3 to #596C80

#B5B8C3 #596C80

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

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

0.0%	0.0% #B5B8C3	RGB 181 184 195	#B5B8C3
16.7%	16.7% #A5ABB7	RGB 165 171 183	#A5ABB7
33.3%	33.3% #969EAC	RGB 150 158 172	#969EAC
50.0%	50.0% #8792A1	RGB 135 146 161	#8792A1
66.7%	66.7% #778596	RGB 119 133 150	#778596
83.3%	83.3% #68788B	RGB 104 120 139	#68788B
100.0%	100.0% #596C80	RGB 89 108 128	#596C80

#B5B8C3 #A5ABB7 #969EAC #8792A1 #778596 #68788B #596C80

#B5B8C3 - #596C80

HSV Blend

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

0.0%	0.0% #B5B8C3	RGB 181 184 195	#B5B8C3
16.7%	16.7% #A3A8B7	RGB 163 168 183	#A3A8B7
33.3%	33.3% #929AAC	RGB 146 154 172	#929AAC
50.0%	50.0% #838DA1	RGB 131 141 161	#838DA1
66.7%	66.7% #748196	RGB 116 129 150	#748196
83.3%	83.3% #66768B	RGB 102 118 139	#66768B
100.0%	100.0% #596C80	RGB 89 108 128	#596C80

#B5B8C3 #A3A8B7 #929AAC #838DA1 #748196 #66768B #596C80

#B5B8C3 - #838DA1 - #596C80

CSS codes

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

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