#B054AB - #321830 | 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 #B054AB to #321830

#B054AB #321830

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

#B054AB - #321830 | 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 #B054AB as 0% and #321830 as 100%.

0.0%	0.0% #B054AB	RGB 176 84 171	#B054AB
16.7%	16.7% #9B4A96	RGB 155 74 150	#9B4A96
33.3%	33.3% #864082	RGB 134 64 130	#864082
50.0%	50.0% #71366D	RGB 113 54 109	#71366D
66.7%	66.7% #5C2C59	RGB 92 44 89	#5C2C59
83.3%	83.3% #472244	RGB 71 34 68	#472244
100.0%	100.0% #321830	RGB 50 24 48	#321830

#B054AB #9B4A96 #864082 #71366D #5C2C59 #472244 #321830

#B054AB - #321830

HSV Blend

#B054AB - #321830 | 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 #B054AB as 0% and #321830 as 100%.

0.0%	0.0% #B054AB	RGB 176 84 171	#B054AB
16.7%	16.7% #9B4A96	RGB 155 74 150	#9B4A96
33.3%	33.3% #864081	RGB 134 64 129	#864081
50.0%	50.0% #71366D	RGB 113 54 109	#71366D
66.7%	66.7% #5C2C58	RGB 92 44 88	#5C2C58
83.3%	83.3% #472244	RGB 71 34 68	#472244
100.0%	100.0% #321830	RGB 50 24 48	#321830

#B054AB #9B4A96 #864081 #71366D #5C2C58 #472244 #321830

#B054AB - #71366D - #321830

CSS codes

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

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