#BF4D5E - #6E1321 | 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 #BF4D5E to #6E1321

#BF4D5E #6E1321

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

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

0.0%	0.0% #BF4D5E	RGB 191 77 94	#BF4D5E
16.7%	16.7% #B14353	RGB 177 67 83	#B14353
33.3%	33.3% #A43949	RGB 164 57 73	#A43949
50.0%	50.0% #96303F	RGB 150 48 63	#96303F
66.7%	66.7% #892635	RGB 137 38 53	#892635
83.3%	83.3% #7B1C2B	RGB 123 28 43	#7B1C2B
100.0%	100.0% #6E1321	RGB 110 19 33	#6E1321

#BF4D5E #B14353 #A43949 #96303F #892635 #7B1C2B #6E1321

#BF4D5E - #6E1321

HSV Blend

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

0.0%	0.0% #BF4D5E	RGB 191 77 94	#BF4D5E
16.7%	16.7% #B14051	RGB 177 64 81	#B14051
33.3%	33.3% #A43546	RGB 164 53 70	#A43546
50.0%	50.0% #962B3B	RGB 150 43 59	#962B3B
66.7%	66.7% #892231	RGB 137 34 49	#892231
83.3%	83.3% #7B1A28	RGB 123 26 40	#7B1A28
100.0%	100.0% #6E1321	RGB 110 19 33	#6E1321

#BF4D5E #B14051 #A43546 #962B3B #892231 #7B1A28 #6E1321

#BF4D5E - #962B3B - #6E1321

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF4D5E 0%, #962B3B 50%, #6E1321 100%);
    background: -webkit-linear-gradient(top, #BF4D5E 0%, #962B3B 50%, #6E1321 100%);
    background: linear-gradient(to bottom, #BF4D5E 0%, #962B3B 50%, #6E1321 100%);
}
</style>