#7E7F5E - #BD8CAA | 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 #7E7F5E to #BD8CAA

#7E7F5E #BD8CAA

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

#7E7F5E - #BD8CAA | 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 #7E7F5E as 0% and #BD8CAA as 100%.

0.0%	0.0% #7E7F5E	RGB 126 127 94	#7E7F5E
16.7%	16.7% #88816A	RGB 136 129 106	#88816A
33.3%	33.3% #938377	RGB 147 131 119	#938377
50.0%	50.0% #9D8584	RGB 157 133 132	#9D8584
66.7%	66.7% #A88790	RGB 168 135 144	#A88790
83.3%	83.3% #B2899D	RGB 178 137 157	#B2899D
100.0%	100.0% #BD8CAA	RGB 189 140 170	#BD8CAA

#7E7F5E #88816A #938377 #9D8584 #A88790 #B2899D #BD8CAA

#7E7F5E - #BD8CAA

HSV Blend

#7E7F5E - #BD8CAA | 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 #7E7F5E as 0% and #BD8CAA as 100%.

0.0%	0.0% #7E7F5E	RGB 126 127 94	#7E7F5E
16.7%	16.7% #898065	RGB 137 128 101	#898065
33.3%	33.3% #937F6D	RGB 147 127 109	#937F6D
50.0%	50.0% #9E7D74	RGB 158 125 116	#9E7D74
66.7%	66.7% #A87C7F	RGB 168 124 127	#A87C7F
83.3%	83.3% #B28494	RGB 178 132 148	#B28494
100.0%	100.0% #BD8CAA	RGB 189 140 170	#BD8CAA

#7E7F5E #898065 #937F6D #9E7D74 #A87C7F #B28494 #BD8CAA

#7E7F5E - #9E7D74 - #BD8CAA

CSS codes

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

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