#B05173 - #6B0F2B | 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 #B05173 to #6B0F2B

#B05173 #6B0F2B

Calculate the color between two colors, #B05173 and #6B0F2B. 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)

#B05173 - #6B0F2B | 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 #B05173 as 0% and #6B0F2B as 100%.

0.0%	0.0% #B05173	RGB 176 81 115	#B05173
16.7%	16.7% #A44667	RGB 164 70 103	#A44667
33.3%	33.3% #993B5B	RGB 153 59 91	#993B5B
50.0%	50.0% #8D304F	RGB 141 48 79	#8D304F
66.7%	66.7% #822543	RGB 130 37 67	#822543
83.3%	83.3% #761A37	RGB 118 26 55	#761A37
100.0%	100.0% #6B0F2B	RGB 107 15 43	#6B0F2B

#B05173 #A44667 #993B5B #8D304F #822543 #761A37 #6B0F2B

#B05173 - #6B0F2B

HSV Blend

#B05173 - #6B0F2B | 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 #B05173 as 0% and #6B0F2B as 100%.

0.0%	0.0% #B05072	RGB 176 80 114	#B05072
16.7%	16.7% #A44264	RGB 164 66 100	#A44264
33.3%	33.3% #993657	RGB 153 54 87	#993657
50.0%	50.0% #8D2A4B	RGB 141 42 75	#8D2A4B
66.7%	66.7% #82203F	RGB 130 32 63	#82203F
83.3%	83.3% #761634	RGB 118 22 52	#761634
100.0%	100.0% #6B0F2B	RGB 107 15 43	#6B0F2B

#B05072 #A44264 #993657 #8D2A4B #82203F #761634 #6B0F2B

#B05173 - #8D2A4B - #6B0F2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B05072 0%, #8D2A4B 50%, #6B0F2B 100%);
    background: -webkit-linear-gradient(top, #B05072 0%, #8D2A4B 50%, #6B0F2B 100%);
    background: linear-gradient(to bottom, #B05072 0%, #8D2A4B 50%, #6B0F2B 100%);
}
</style>