#B6B9C7 - #596D85 | 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 #B6B9C7 to #596D85

#B6B9C7 #596D85

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

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

0.0%	0.0% #B6B9C7	RGB 182 185 199	#B6B9C7
16.7%	16.7% #A6ACBC	RGB 166 172 188	#A6ACBC
33.3%	33.3% #979FB1	RGB 151 159 177	#979FB1
50.0%	50.0% #8793A6	RGB 135 147 166	#8793A6
66.7%	66.7% #78869B	RGB 120 134 155	#78869B
83.3%	83.3% #687990	RGB 104 121 144	#687990
100.0%	100.0% #596D85	RGB 89 109 133	#596D85

#B6B9C7 #A6ACBC #979FB1 #8793A6 #78869B #687990 #596D85

#B6B9C7 - #596D85

HSV Blend

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

0.0%	0.0% #B6B9C7	RGB 182 185 199	#B6B9C7
16.7%	16.7% #A4A9BC	RGB 164 169 188	#A4A9BC
33.3%	33.3% #939BB1	RGB 147 155 177	#939BB1
50.0%	50.0% #838EA6	RGB 131 142 166	#838EA6
66.7%	66.7% #74829B	RGB 116 130 155	#74829B
83.3%	83.3% #667790	RGB 102 119 144	#667790
100.0%	100.0% #596D85	RGB 89 109 133	#596D85

#B6B9C7 #A4A9BC #939BB1 #838EA6 #74829B #667790 #596D85

#B6B9C7 - #838EA6 - #596D85

CSS codes

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

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