#B7B5D4 - #34333C | 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 #B7B5D4 to #34333C

#B7B5D4 #34333C

Calculate the color between two colors, #B7B5D4 and #34333C. 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)

#B7B5D4 - #34333C | 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 #B7B5D4 as 0% and #34333C as 100%.

0.0%	0.0% #B7B5D4	RGB 183 181 212	#B7B5D4
16.7%	16.7% #A19FBA	RGB 161 159 186	#A19FBA
33.3%	33.3% #8B89A1	RGB 139 137 161	#8B89A1
50.0%	50.0% #757488	RGB 117 116 136	#757488
66.7%	66.7% #5F5E6E	RGB 95 94 110	#5F5E6E
83.3%	83.3% #494855	RGB 73 72 85	#494855
100.0%	100.0% #34333C	RGB 52 51 60	#34333C

#B7B5D4 #A19FBA #8B89A1 #757488 #5F5E6E #494855 #34333C

#B7B5D4 - #34333C

HSV Blend

#B7B5D4 - #34333C | 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 #B7B5D4 as 0% and #34333C as 100%.

0.0%	0.0% #B7B5D4	RGB 183 181 212	#B7B5D4
16.7%	16.7% #A19FBA	RGB 161 159 186	#A19FBA
33.3%	33.3% #8B89A1	RGB 139 137 161	#8B89A1
50.0%	50.0% #757388	RGB 117 115 136	#757388
66.7%	66.7% #5F5E6E	RGB 95 94 110	#5F5E6E
83.3%	83.3% #494855	RGB 73 72 85	#494855
100.0%	100.0% #34333C	RGB 52 51 60	#34333C

#B7B5D4 #A19FBA #8B89A1 #757388 #5F5E6E #494855 #34333C

#B7B5D4 - #757388 - #34333C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B5D4 0%, #757388 50%, #34333C 100%);
    background: -webkit-linear-gradient(top, #B7B5D4 0%, #757388 50%, #34333C 100%);
    background: linear-gradient(to bottom, #B7B5D4 0%, #757388 50%, #34333C 100%);
}
</style>