#B0548B - #321827 | 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 #B0548B to #321827

#B0548B #321827

Calculate the color between two colors, #B0548B and #321827. 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)

#B0548B - #321827 | 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 #B0548B as 0% and #321827 as 100%.

0.0%	0.0% #B0548B	RGB 176 84 139	#B0548B
16.7%	16.7% #9B4A7A	RGB 155 74 122	#9B4A7A
33.3%	33.3% #864069	RGB 134 64 105	#864069
50.0%	50.0% #713659	RGB 113 54 89	#713659
66.7%	66.7% #5C2C48	RGB 92 44 72	#5C2C48
83.3%	83.3% #472237	RGB 71 34 55	#472237
100.0%	100.0% #321827	RGB 50 24 39	#321827

#B0548B #9B4A7A #864069 #713659 #5C2C48 #472237 #321827

#B0548B - #321827

HSV Blend

#B0548B - #321827 | 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 #B0548B as 0% and #321827 as 100%.

0.0%	0.0% #B0548B	RGB 176 84 139	#B0548B
16.7%	16.7% #9B4A7A	RGB 155 74 122	#9B4A7A
33.3%	33.3% #864069	RGB 134 64 105	#864069
50.0%	50.0% #713658	RGB 113 54 88	#713658
66.7%	66.7% #5C2C48	RGB 92 44 72	#5C2C48
83.3%	83.3% #472237	RGB 71 34 55	#472237
100.0%	100.0% #321827	RGB 50 24 39	#321827

#B0548B #9B4A7A #864069 #713658 #5C2C48 #472237 #321827

#B0548B - #713658 - #321827

CSS codes

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

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