#7F8D5E - #BAACC6 | 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 #7F8D5E to #BAACC6

#7F8D5E #BAACC6

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

#7F8D5E - #BAACC6 | 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 #7F8D5E as 0% and #BAACC6 as 100%.

0.0%	0.0% #7F8D5E	RGB 127 141 94	#7F8D5E
16.7%	16.7% #88926F	RGB 136 146 111	#88926F
33.3%	33.3% #929780	RGB 146 151 128	#929780
50.0%	50.0% #9C9C92	RGB 156 156 146	#9C9C92
66.7%	66.7% #A6A1A3	RGB 166 161 163	#A6A1A3
83.3%	83.3% #B0A6B4	RGB 176 166 180	#B0A6B4
100.0%	100.0% #BAACC6	RGB 186 172 198	#BAACC6

#7F8D5E #88926F #929780 #9C9C92 #A6A1A3 #B0A6B4 #BAACC6

#7F8D5E - #BAACC6

HSV Blend

#7F8D5E - #BAACC6 | 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 #7F8D5E as 0% and #BAACC6 as 100%.

0.0%	0.0% #7F8D5E	RGB 127 141 94	#7F8D5E
16.7%	16.7% #968F69	RGB 150 143 105	#968F69
33.3%	33.3% #A08575	RGB 160 133 117	#A08575
50.0%	50.0% #A98285	RGB 169 130 133	#A98285
66.7%	66.7% #B38FA2	RGB 179 143 162	#B38FA2
83.3%	83.3% #BC9DBC	RGB 188 157 188	#BC9DBC
100.0%	100.0% #BAACC6	RGB 186 172 198	#BAACC6

#7F8D5E #968F69 #A08575 #A98285 #B38FA2 #BC9DBC #BAACC6

#7F8D5E - #A98285 - #BAACC6

CSS codes

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

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