#B8C0EE - #343644 | 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 #B8C0EE to #343644

#B8C0EE #343644

Calculate the color between two colors, #B8C0EE and #343644. 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)

#B8C0EE - #343644 | 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 #B8C0EE as 0% and #343644 as 100%.

0.0%	0.0% #B8C0EE	RGB 184 192 238	#B8C0EE
16.7%	16.7% #A2A9D1	RGB 162 169 209	#A2A9D1
33.3%	33.3% #8C92B5	RGB 140 146 181	#8C92B5
50.0%	50.0% #767B99	RGB 118 123 153	#767B99
66.7%	66.7% #60647C	RGB 96 100 124	#60647C
83.3%	83.3% #4A4D60	RGB 74 77 96	#4A4D60
100.0%	100.0% #343644	RGB 52 54 68	#343644

#B8C0EE #A2A9D1 #8C92B5 #767B99 #60647C #4A4D60 #343644

#B8C0EE - #343644

HSV Blend

#B8C0EE - #343644 | 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 #B8C0EE as 0% and #343644 as 100%.

0.0%	0.0% #B8C0EE	RGB 184 192 238	#B8C0EE
16.7%	16.7% #A1A8D1	RGB 161 168 209	#A1A8D1
33.3%	33.3% #8B91B5	RGB 139 145 181	#8B91B5
50.0%	50.0% #757A99	RGB 117 122 153	#757A99
66.7%	66.7% #5F637C	RGB 95 99 124	#5F637C
83.3%	83.3% #494C60	RGB 73 76 96	#494C60
100.0%	100.0% #343644	RGB 52 54 68	#343644

#B8C0EE #A1A8D1 #8B91B5 #757A99 #5F637C #494C60 #343644

#B8C0EE - #757A99 - #343644

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C0EE 0%, #757A99 50%, #343644 100%);
    background: -webkit-linear-gradient(top, #B8C0EE 0%, #757A99 50%, #343644 100%);
    background: linear-gradient(to bottom, #B8C0EE 0%, #757A99 50%, #343644 100%);
}
</style>