#BC2D5E - #610020 | 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 #BC2D5E to #610020

#BC2D5E #610020

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

#BC2D5E - #610020 | 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 #BC2D5E as 0% and #610020 as 100%.

0.0%	0.0% #BC2D5E	RGB 188 45 94	#BC2D5E
16.7%	16.7% #AC2553	RGB 172 37 83	#AC2553
33.3%	33.3% #9D1E49	RGB 157 30 73	#9D1E49
50.0%	50.0% #8E163F	RGB 142 22 63	#8E163F
66.7%	66.7% #7F0E34	RGB 127 14 52	#7F0E34
83.3%	83.3% #70072A	RGB 112 7 42	#70072A
100.0%	100.0% #610020	RGB 97 0 32	#610020

#BC2D5E #AC2553 #9D1E49 #8E163F #7F0E34 #70072A #610020

#BC2D5E - #610020

HSV Blend

#BC2D5E - #610020 | 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 #BC2D5E as 0% and #610020 as 100%.

0.0%	0.0% #BC2D5D	RGB 188 45 93	#BC2D5D
16.7%	16.7% #AC2251	RGB 172 34 81	#AC2251
33.3%	33.3% #9D1946	RGB 157 25 70	#9D1946
50.0%	50.0% #8E113B	RGB 142 17 59	#8E113B
66.7%	66.7% #7F0A31	RGB 127 10 49	#7F0A31
83.3%	83.3% #700428	RGB 112 4 40	#700428
100.0%	100.0% #610020	RGB 97 0 32	#610020

#BC2D5D #AC2251 #9D1946 #8E113B #7F0A31 #700428 #610020

#BC2D5E - #8E113B - #610020

CSS codes

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

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