#BF7E8B - #822E3E | 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 #BF7E8B to #822E3E

#BF7E8B #822E3E

Calculate the color between two colors, #BF7E8B and #822E3E. 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)

#BF7E8B - #822E3E | 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 #BF7E8B as 0% and #822E3E as 100%.

0.0%	0.0% #BF7E8B	RGB 191 126 139	#BF7E8B
16.7%	16.7% #B4707E	RGB 180 112 126	#B4707E
33.3%	33.3% #AA6371	RGB 170 99 113	#AA6371
50.0%	50.0% #A05664	RGB 160 86 100	#A05664
66.7%	66.7% #964857	RGB 150 72 87	#964857
83.3%	83.3% #8C3B4A	RGB 140 59 74	#8C3B4A
100.0%	100.0% #822E3E	RGB 130 46 62	#822E3E

#BF7E8B #B4707E #AA6371 #A05664 #964857 #8C3B4A #822E3E

#BF7E8B - #822E3E

HSV Blend

#BF7E8B - #822E3E | 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 #BF7E8B as 0% and #822E3E as 100%.

0.0%	0.0% #BF7E8B	RGB 191 126 139	#BF7E8B
16.7%	16.7% #B46E7C	RGB 180 110 124	#B46E7C
33.3%	33.3% #AA5F6E	RGB 170 95 110	#AA5F6E
50.0%	50.0% #A05160	RGB 160 81 96	#A05160
66.7%	66.7% #964454	RGB 150 68 84	#964454
83.3%	83.3% #8C3848	RGB 140 56 72	#8C3848
100.0%	100.0% #822E3E	RGB 130 46 62	#822E3E

#BF7E8B #B46E7C #AA5F6E #A05160 #964454 #8C3848 #822E3E

#BF7E8B - #A05160 - #822E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF7E8B 0%, #A05160 50%, #822E3E 100%);
    background: -webkit-linear-gradient(top, #BF7E8B 0%, #A05160 50%, #822E3E 100%);
    background: linear-gradient(to bottom, #BF7E8B 0%, #A05160 50%, #822E3E 100%);
}
</style>