#7E8C6B - #B7A8C9 | 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 #7E8C6B to #B7A8C9

#7E8C6B #B7A8C9

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

#7E8C6B - #B7A8C9 | 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 #7E8C6B as 0% and #B7A8C9 as 100%.

0.0%	0.0% #7E8C6B	RGB 126 140 107	#7E8C6B
16.7%	16.7% #87907A	RGB 135 144 122	#87907A
33.3%	33.3% #91958A	RGB 145 149 138	#91958A
50.0%	50.0% #9A9A9A	RGB 154 154 154	#9A9A9A
66.7%	66.7% #A49EA9	RGB 164 158 169	#A49EA9
83.3%	83.3% #ADA3B9	RGB 173 163 185	#ADA3B9
100.0%	100.0% #B7A8C9	RGB 183 168 201	#B7A8C9

#7E8C6B #87907A #91958A #9A9A9A #A49EA9 #ADA3B9 #B7A8C9

#7E8C6B - #B7A8C9

HSV Blend

#7E8C6B - #B7A8C9 | 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 #7E8C6B as 0% and #B7A8C9 as 100%.

0.0%	0.0% #7E8C6B	RGB 126 140 107	#7E8C6B
16.7%	16.7% #969374	RGB 150 147 116	#969374
33.3%	33.3% #A08D7E	RGB 160 141 126	#A08D7E
50.0%	50.0% #AA888A	RGB 170 136 138	#AA888A
66.7%	66.7% #B492A5	RGB 180 146 165	#B492A5
83.3%	83.3% #BD9DBE	RGB 189 157 190	#BD9DBE
100.0%	100.0% #B7A8C9	RGB 183 168 201	#B7A8C9

#7E8C6B #969374 #A08D7E #AA888A #B492A5 #BD9DBE #B7A8C9

#7E8C6B - #AA888A - #B7A8C9

CSS codes

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

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