#B6B8D9 - #33343E | 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 #B6B8D9 to #33343E

#B6B8D9 #33343E

Calculate the color between two colors, #B6B8D9 and #33343E. 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)

#B6B8D9 - #33343E | 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 #B6B8D9 as 0% and #33343E as 100%.

0.0%	0.0% #B6B8D9	RGB 182 184 217	#B6B8D9
16.7%	16.7% #A0A2BF	RGB 160 162 191	#A0A2BF
33.3%	33.3% #8A8CA5	RGB 138 140 165	#8A8CA5
50.0%	50.0% #74768B	RGB 116 118 139	#74768B
66.7%	66.7% #5E6071	RGB 94 96 113	#5E6071
83.3%	83.3% #484A57	RGB 72 74 87	#484A57
100.0%	100.0% #33343E	RGB 51 52 62	#33343E

#B6B8D9 #A0A2BF #8A8CA5 #74768B #5E6071 #484A57 #33343E

#B6B8D9 - #33343E

HSV Blend

#B6B8D9 - #33343E | 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 #B6B8D9 as 0% and #33343E as 100%.

0.0%	0.0% #B6B8D9	RGB 182 184 217	#B6B8D9
16.7%	16.7% #9FA1BF	RGB 159 161 191	#9FA1BF
33.3%	33.3% #898BA5	RGB 137 139 165	#898BA5
50.0%	50.0% #73758B	RGB 115 117 139	#73758B
66.7%	66.7% #5E5F71	RGB 94 95 113	#5E5F71
83.3%	83.3% #484957	RGB 72 73 87	#484957
100.0%	100.0% #33343E	RGB 51 52 62	#33343E

#B6B8D9 #9FA1BF #898BA5 #73758B #5E5F71 #484957 #33343E

#B6B8D9 - #73758B - #33343E

CSS codes

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

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