#B05996 - #32192A | 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 #B05996 to #32192A

#B05996 #32192A

Calculate the color between two colors, #B05996 and #32192A. 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)

#B05996 - #32192A | 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 #B05996 as 0% and #32192A as 100%.

0.0%	0.0% #B05996	RGB 176 89 150	#B05996
16.7%	16.7% #9B4E84	RGB 155 78 132	#9B4E84
33.3%	33.3% #864372	RGB 134 67 114	#864372
50.0%	50.0% #713960	RGB 113 57 96	#713960
66.7%	66.7% #5C2E4E	RGB 92 46 78	#5C2E4E
83.3%	83.3% #47233C	RGB 71 35 60	#47233C
100.0%	100.0% #32192A	RGB 50 25 42	#32192A

#B05996 #9B4E84 #864372 #713960 #5C2E4E #47233C #32192A

#B05996 - #32192A

HSV Blend

#B05996 - #32192A | 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 #B05996 as 0% and #32192A as 100%.

0.0%	0.0% #B05996	RGB 176 89 150	#B05996
16.7%	16.7% #9B4E83	RGB 155 78 131	#9B4E83
33.3%	33.3% #864371	RGB 134 67 113	#864371
50.0%	50.0% #71385F	RGB 113 56 95	#71385F
66.7%	66.7% #5C2E4D	RGB 92 46 77	#5C2E4D
83.3%	83.3% #47233B	RGB 71 35 59	#47233B
100.0%	100.0% #32192A	RGB 50 25 42	#32192A

#B05996 #9B4E83 #864371 #71385F #5C2E4D #47233B #32192A

#B05996 - #71385F - #32192A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05996 0%, #71385F 50%, #32192A 100%);
    background: -webkit-linear-gradient(top, #B05996 0%, #71385F 50%, #32192A 100%);
    background: linear-gradient(to bottom, #B05996 0%, #71385F 50%, #32192A 100%);
}
</style>