#B8C0EB - #343643 | 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 #B8C0EB to #343643

#B8C0EB #343643

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

#B8C0EB - #343643 | 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 #B8C0EB as 0% and #343643 as 100%.

0.0%	0.0% #B8C0EB	RGB 184 192 235	#B8C0EB
16.7%	16.7% #A2A9CF	RGB 162 169 207	#A2A9CF
33.3%	33.3% #8C92B3	RGB 140 146 179	#8C92B3
50.0%	50.0% #767B97	RGB 118 123 151	#767B97
66.7%	66.7% #60647B	RGB 96 100 123	#60647B
83.3%	83.3% #4A4D5F	RGB 74 77 95	#4A4D5F
100.0%	100.0% #343643	RGB 52 54 67	#343643

#B8C0EB #A2A9CF #8C92B3 #767B97 #60647B #4A4D5F #343643

#B8C0EB - #343643

HSV Blend

#B8C0EB - #343643 | 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 #B8C0EB as 0% and #343643 as 100%.

0.0%	0.0% #B8C0EB	RGB 184 192 235	#B8C0EB
16.7%	16.7% #A1A8CF	RGB 161 168 207	#A1A8CF
33.3%	33.3% #8B91B3	RGB 139 145 179	#8B91B3
50.0%	50.0% #757A97	RGB 117 122 151	#757A97
66.7%	66.7% #5F637B	RGB 95 99 123	#5F637B
83.3%	83.3% #494C5F	RGB 73 76 95	#494C5F
100.0%	100.0% #343643	RGB 52 54 67	#343643

#B8C0EB #A1A8CF #8B91B3 #757A97 #5F637B #494C5F #343643

#B8C0EB - #757A97 - #343643

CSS codes

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

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