#B8CBE1 - #343A40 | 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 #B8CBE1 to #343A40

#B8CBE1 #343A40

Calculate the color between two colors, #B8CBE1 and #343A40. 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)

#B8CBE1 - #343A40 | 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 #B8CBE1 as 0% and #343A40 as 100%.

0.0%	0.0% #B8CBE1	RGB 184 203 225	#B8CBE1
16.7%	16.7% #A2B2C6	RGB 162 178 198	#A2B2C6
33.3%	33.3% #8C9AAB	RGB 140 154 171	#8C9AAB
50.0%	50.0% #768290	RGB 118 130 144	#768290
66.7%	66.7% #606A75	RGB 96 106 117	#606A75
83.3%	83.3% #4A525A	RGB 74 82 90	#4A525A
100.0%	100.0% #343A40	RGB 52 58 64	#343A40

#B8CBE1 #A2B2C6 #8C9AAB #768290 #606A75 #4A525A #343A40

#B8CBE1 - #343A40

HSV Blend

#B8CBE1 - #343A40 | 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 #B8CBE1 as 0% and #343A40 as 100%.

0.0%	0.0% #B8CBE1	RGB 184 203 225	#B8CBE1
16.7%	16.7% #A1B2C6	RGB 161 178 198	#A1B2C6
33.3%	33.3% #8B9AAB	RGB 139 154 171	#8B9AAB
50.0%	50.0% #758290	RGB 117 130 144	#758290
66.7%	66.7% #5F6A75	RGB 95 106 117	#5F6A75
83.3%	83.3% #49525A	RGB 73 82 90	#49525A
100.0%	100.0% #343A40	RGB 52 58 64	#343A40

#B8CBE1 #A1B2C6 #8B9AAB #758290 #5F6A75 #49525A #343A40

#B8CBE1 - #758290 - #343A40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8CBE1 0%, #758290 50%, #343A40 100%);
    background: -webkit-linear-gradient(top, #B8CBE1 0%, #758290 50%, #343A40 100%);
    background: linear-gradient(to bottom, #B8CBE1 0%, #758290 50%, #343A40 100%);
}
</style>