#B8C8C7 - #343938 | 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 #B8C8C7 to #343938

#B8C8C7 #343938

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

#B8C8C7 - #343938 | 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 #B8C8C7 as 0% and #343938 as 100%.

0.0%	0.0% #B8C8C7	RGB 184 200 199	#B8C8C7
16.7%	16.7% #A2B0AF	RGB 162 176 175	#A2B0AF
33.3%	33.3% #8C9897	RGB 140 152 151	#8C9897
50.0%	50.0% #76807F	RGB 118 128 127	#76807F
66.7%	66.7% #606867	RGB 96 104 103	#606867
83.3%	83.3% #4A504F	RGB 74 80 79	#4A504F
100.0%	100.0% #343938	RGB 52 57 56	#343938

#B8C8C7 #A2B0AF #8C9897 #76807F #606867 #4A504F #343938

#B8C8C7 - #343938

HSV Blend

#B8C8C7 - #343938 | 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 #B8C8C7 as 0% and #343938 as 100%.

0.0%	0.0% #B8C8C7	RGB 184 200 199	#B8C8C7
16.7%	16.7% #A1B0AE	RGB 161 176 174	#A1B0AE
33.3%	33.3% #8B9896	RGB 139 152 150	#8B9896
50.0%	50.0% #75807F	RGB 117 128 127	#75807F
66.7%	66.7% #5F6867	RGB 95 104 103	#5F6867
83.3%	83.3% #49504F	RGB 73 80 79	#49504F
100.0%	100.0% #343938	RGB 52 57 56	#343938

#B8C8C7 #A1B0AE #8B9896 #75807F #5F6867 #49504F #343938

#B8C8C7 - #75807F - #343938

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C8C7 0%, #75807F 50%, #343938 100%);
    background: -webkit-linear-gradient(top, #B8C8C7 0%, #75807F 50%, #343938 100%);
    background: linear-gradient(to bottom, #B8C8C7 0%, #75807F 50%, #343938 100%);
}
</style>