#B8C0CF - #34363B | 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 #B8C0CF to #34363B

#B8C0CF #34363B

Calculate the color between two colors, #B8C0CF and #34363B. 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)

#B8C0CF - #34363B | 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 #B8C0CF as 0% and #34363B as 100%.

0.0%	0.0% #B8C0CF	RGB 184 192 207	#B8C0CF
16.7%	16.7% #A2A9B6	RGB 162 169 182	#A2A9B6
33.3%	33.3% #8C929D	RGB 140 146 157	#8C929D
50.0%	50.0% #767B85	RGB 118 123 133	#767B85
66.7%	66.7% #60646C	RGB 96 100 108	#60646C
83.3%	83.3% #4A4D53	RGB 74 77 83	#4A4D53
100.0%	100.0% #34363B	RGB 52 54 59	#34363B

#B8C0CF #A2A9B6 #8C929D #767B85 #60646C #4A4D53 #34363B

#B8C0CF - #34363B

HSV Blend

#B8C0CF - #34363B | 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 #B8C0CF as 0% and #34363B as 100%.

0.0%	0.0% #B8C0CF	RGB 184 192 207	#B8C0CF
16.7%	16.7% #A1A8B6	RGB 161 168 182	#A1A8B6
33.3%	33.3% #8B919D	RGB 139 145 157	#8B919D
50.0%	50.0% #757A85	RGB 117 122 133	#757A85
66.7%	66.7% #5F636C	RGB 95 99 108	#5F636C
83.3%	83.3% #494C53	RGB 73 76 83	#494C53
100.0%	100.0% #34363B	RGB 52 54 59	#34363B

#B8C0CF #A1A8B6 #8B919D #757A85 #5F636C #494C53 #34363B

#B8C0CF - #757A85 - #34363B

CSS codes

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

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