#B9C8D9 - #34393E | 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 #B9C8D9 to #34393E

#B9C8D9 #34393E

Calculate the color between two colors, #B9C8D9 and #34393E. 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)

#B9C8D9 - #34393E | 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 #B9C8D9 as 0% and #34393E as 100%.

0.0%	0.0% #B9C8D9	RGB 185 200 217	#B9C8D9
16.7%	16.7% #A2B0BF	RGB 162 176 191	#A2B0BF
33.3%	33.3% #8C98A5	RGB 140 152 165	#8C98A5
50.0%	50.0% #76808B	RGB 118 128 139	#76808B
66.7%	66.7% #606871	RGB 96 104 113	#606871
83.3%	83.3% #4A5057	RGB 74 80 87	#4A5057
100.0%	100.0% #34393E	RGB 52 57 62	#34393E

#B9C8D9 #A2B0BF #8C98A5 #76808B #606871 #4A5057 #34393E

#B9C8D9 - #34393E

HSV Blend

#B9C8D9 - #34393E | 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 #B9C8D9 as 0% and #34393E as 100%.

0.0%	0.0% #B9C8D9	RGB 185 200 217	#B9C8D9
16.7%	16.7% #A2B0BF	RGB 162 176 191	#A2B0BF
33.3%	33.3% #8C98A5	RGB 140 152 165	#8C98A5
50.0%	50.0% #75808B	RGB 117 128 139	#75808B
66.7%	66.7% #5F6871	RGB 95 104 113	#5F6871
83.3%	83.3% #495057	RGB 73 80 87	#495057
100.0%	100.0% #34393E	RGB 52 57 62	#34393E

#B9C8D9 #A2B0BF #8C98A5 #75808B #5F6871 #495057 #34393E

#B9C8D9 - #75808B - #34393E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C8D9 0%, #75808B 50%, #34393E 100%);
    background: -webkit-linear-gradient(top, #B9C8D9 0%, #75808B 50%, #34393E 100%);
    background: linear-gradient(to bottom, #B9C8D9 0%, #75808B 50%, #34393E 100%);
}
</style>