#B8CAD1 - #34393B | 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 #B8CAD1 to #34393B

#B8CAD1 #34393B

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

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

0.0%	0.0% #B8CAD1	RGB 184 202 209	#B8CAD1
16.7%	16.7% #A2B1B8	RGB 162 177 184	#A2B1B8
33.3%	33.3% #8C999F	RGB 140 153 159	#8C999F
50.0%	50.0% #768186	RGB 118 129 134	#768186
66.7%	66.7% #60696D	RGB 96 105 109	#60696D
83.3%	83.3% #4A5154	RGB 74 81 84	#4A5154
100.0%	100.0% #34393B	RGB 52 57 59	#34393B

#B8CAD1 #A2B1B8 #8C999F #768186 #60696D #4A5154 #34393B

#B8CAD1 - #34393B

HSV Blend

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

0.0%	0.0% #B8CAD1	RGB 184 202 209	#B8CAD1
16.7%	16.7% #A2B1B8	RGB 162 177 184	#A2B1B8
33.3%	33.3% #8C999F	RGB 140 153 159	#8C999F
50.0%	50.0% #768186	RGB 118 129 134	#768186
66.7%	66.7% #60696D	RGB 96 105 109	#60696D
83.3%	83.3% #4A5154	RGB 74 81 84	#4A5154
100.0%	100.0% #34393B	RGB 52 57 59	#34393B

#B8CAD1 #A2B1B8 #8C999F #768186 #60696D #4A5154 #34393B

#B8CAD1 - #768186 - #34393B

CSS codes

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

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