#BC7B8C - #802B3E | 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 #BC7B8C to #802B3E

#BC7B8C #802B3E

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

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

0.0%	0.0% #BC7B8C	RGB 188 123 140	#BC7B8C
16.7%	16.7% #B26D7F	RGB 178 109 127	#B26D7F
33.3%	33.3% #A86072	RGB 168 96 114	#A86072
50.0%	50.0% #9E5365	RGB 158 83 101	#9E5365
66.7%	66.7% #944558	RGB 148 69 88	#944558
83.3%	83.3% #8A384B	RGB 138 56 75	#8A384B
100.0%	100.0% #802B3E	RGB 128 43 62	#802B3E

#BC7B8C #B26D7F #A86072 #9E5365 #944558 #8A384B #802B3E

#BC7B8C - #802B3E

HSV Blend

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

0.0%	0.0% #BC7B8C	RGB 188 123 140	#BC7B8C
16.7%	16.7% #B26B7D	RGB 178 107 125	#B26B7D
33.3%	33.3% #A85C6E	RGB 168 92 110	#A85C6E
50.0%	50.0% #9E4E61	RGB 158 78 97	#9E4E61
66.7%	66.7% #944154	RGB 148 65 84	#944154
83.3%	83.3% #8A3549	RGB 138 53 73	#8A3549
100.0%	100.0% #802B3E	RGB 128 43 62	#802B3E

#BC7B8C #B26B7D #A85C6E #9E4E61 #944154 #8A3549 #802B3E

#BC7B8C - #9E4E61 - #802B3E

CSS codes

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

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