#7E6D5E - #BF84B2 | 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 #7E6D5E to #BF84B2

#7E6D5E #BF84B2

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

#7E6D5E - #BF84B2 | 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 #7E6D5E as 0% and #BF84B2 as 100%.

0.0%	0.0% #7E6D5E	RGB 126 109 94	#7E6D5E
16.7%	16.7% #88706C	RGB 136 112 108	#88706C
33.3%	33.3% #93747A	RGB 147 116 122	#93747A
50.0%	50.0% #9E7888	RGB 158 120 136	#9E7888
66.7%	66.7% #A97C96	RGB 169 124 150	#A97C96
83.3%	83.3% #B480A4	RGB 180 128 164	#B480A4
100.0%	100.0% #BF84B2	RGB 191 132 178	#BF84B2

#7E6D5E #88706C #93747A #9E7888 #A97C96 #B480A4 #BF84B2

#7E6D5E - #BF84B2

HSV Blend

#7E6D5E - #BF84B2 | 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 #7E6D5E as 0% and #BF84B2 as 100%.

0.0%	0.0% #7E6D5E	RGB 126 109 94	#7E6D5E
16.7%	16.7% #886E64	RGB 136 110 100	#886E64
33.3%	33.3% #936D6B	RGB 147 109 107	#936D6B
50.0%	50.0% #9E7178	RGB 158 113 120	#9E7178
66.7%	66.7% #A9788A	RGB 169 120 138	#A9788A
83.3%	83.3% #B47E9D	RGB 180 126 157	#B47E9D
100.0%	100.0% #BF84B2	RGB 191 132 178	#BF84B2

#7E6D5E #886E64 #936D6B #9E7178 #A9788A #B47E9D #BF84B2

#7E6D5E - #9E7178 - #BF84B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E6D5E 0%, #9E7178 50%, #BF84B2 100%);
    background: -webkit-linear-gradient(top, #7E6D5E 0%, #9E7178 50%, #BF84B2 100%);
    background: linear-gradient(to bottom, #7E6D5E 0%, #9E7178 50%, #BF84B2 100%);
}
</style>