#B05C91 - #321A29 | 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 #B05C91 to #321A29

#B05C91 #321A29

Calculate the color between two colors, #B05C91 and #321A29. 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)

#B05C91 - #321A29 | 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 #B05C91 as 0% and #321A29 as 100%.

0.0%	0.0% #B05C91	RGB 176 92 145	#B05C91
16.7%	16.7% #9B517F	RGB 155 81 127	#9B517F
33.3%	33.3% #86466E	RGB 134 70 110	#86466E
50.0%	50.0% #713B5D	RGB 113 59 93	#713B5D
66.7%	66.7% #5C304B	RGB 92 48 75	#5C304B
83.3%	83.3% #47253A	RGB 71 37 58	#47253A
100.0%	100.0% #321A29	RGB 50 26 41	#321A29

#B05C91 #9B517F #86466E #713B5D #5C304B #47253A #321A29

#B05C91 - #321A29

HSV Blend

#B05C91 - #321A29 | 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 #B05C91 as 0% and #321A29 as 100%.

0.0%	0.0% #B05C91	RGB 176 92 145	#B05C91
16.7%	16.7% #9B507F	RGB 155 80 127	#9B507F
33.3%	33.3% #86456E	RGB 134 69 110	#86456E
50.0%	50.0% #713A5C	RGB 113 58 92	#713A5C
66.7%	66.7% #5C2F4B	RGB 92 47 75	#5C2F4B
83.3%	83.3% #47243A	RGB 71 36 58	#47243A
100.0%	100.0% #321A29	RGB 50 26 41	#321A29

#B05C91 #9B507F #86456E #713A5C #5C2F4B #47243A #321A29

#B05C91 - #713A5C - #321A29

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05C91 0%, #713A5C 50%, #321A29 100%);
    background: -webkit-linear-gradient(top, #B05C91 0%, #713A5C 50%, #321A29 100%);
    background: linear-gradient(to bottom, #B05C91 0%, #713A5C 50%, #321A29 100%);
}
</style>