#BC7A8C - #802A3E | 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 #BC7A8C to #802A3E

#BC7A8C #802A3E

Calculate the color between two colors, #BC7A8C and #802A3E. 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)

#BC7A8C - #802A3E | 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 #BC7A8C as 0% and #802A3E as 100%.

0.0%	0.0% #BC7A8C	RGB 188 122 140	#BC7A8C
16.7%	16.7% #B26C7F	RGB 178 108 127	#B26C7F
33.3%	33.3% #A85F72	RGB 168 95 114	#A85F72
50.0%	50.0% #9E5265	RGB 158 82 101	#9E5265
66.7%	66.7% #944458	RGB 148 68 88	#944458
83.3%	83.3% #8A374B	RGB 138 55 75	#8A374B
100.0%	100.0% #802A3E	RGB 128 42 62	#802A3E

#BC7A8C #B26C7F #A85F72 #9E5265 #944458 #8A374B #802A3E

#BC7A8C - #802A3E

HSV Blend

#BC7A8C - #802A3E | 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 #BC7A8C as 0% and #802A3E as 100%.

0.0%	0.0% #BC7A8C	RGB 188 122 140	#BC7A8C
16.7%	16.7% #B2697D	RGB 178 105 125	#B2697D
33.3%	33.3% #A85B6F	RGB 168 91 111	#A85B6F
50.0%	50.0% #9E4D61	RGB 158 77 97	#9E4D61
66.7%	66.7% #944054	RGB 148 64 84	#944054
83.3%	83.3% #8A3449	RGB 138 52 73	#8A3449
100.0%	100.0% #802A3E	RGB 128 42 62	#802A3E

#BC7A8C #B2697D #A85B6F #9E4D61 #944054 #8A3449 #802A3E

#BC7A8C - #9E4D61 - #802A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC7A8C 0%, #9E4D61 50%, #802A3E 100%);
    background: -webkit-linear-gradient(top, #BC7A8C 0%, #9E4D61 50%, #802A3E 100%);
    background: linear-gradient(to bottom, #BC7A8C 0%, #9E4D61 50%, #802A3E 100%);
}
</style>