#BAB2D9 - #34323E | 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 #BAB2D9 to #34323E

#BAB2D9 #34323E

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

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

0.0%	0.0% #BAB2D9	RGB 186 178 217	#BAB2D9
16.7%	16.7% #A39CBF	RGB 163 156 191	#A39CBF
33.3%	33.3% #8D87A5	RGB 141 135 165	#8D87A5
50.0%	50.0% #77728B	RGB 119 114 139	#77728B
66.7%	66.7% #605C71	RGB 96 92 113	#605C71
83.3%	83.3% #4A4757	RGB 74 71 87	#4A4757
100.0%	100.0% #34323E	RGB 52 50 62	#34323E

#BAB2D9 #A39CBF #8D87A5 #77728B #605C71 #4A4757 #34323E

#BAB2D9 - #34323E

HSV Blend

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

0.0%	0.0% #BAB2D9	RGB 186 178 217	#BAB2D9
16.7%	16.7% #A39CBF	RGB 163 156 191	#A39CBF
33.3%	33.3% #8C86A5	RGB 140 134 165	#8C86A5
50.0%	50.0% #76718B	RGB 118 113 139	#76718B
66.7%	66.7% #605C71	RGB 96 92 113	#605C71
83.3%	83.3% #494757	RGB 73 71 87	#494757
100.0%	100.0% #34323E	RGB 52 50 62	#34323E

#BAB2D9 #A39CBF #8C86A5 #76718B #605C71 #494757 #34323E

#BAB2D9 - #76718B - #34323E

CSS codes

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

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