#7F8C6B - #B0A8C9 | 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 #7F8C6B to #B0A8C9

#7F8C6B #B0A8C9

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

#7F8C6B - #B0A8C9 | 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 #7F8C6B as 0% and #B0A8C9 as 100%.

0.0%	0.0% #7F8C6B	RGB 127 140 107	#7F8C6B
16.7%	16.7% #87907A	RGB 135 144 122	#87907A
33.3%	33.3% #8F958A	RGB 143 149 138	#8F958A
50.0%	50.0% #979A9A	RGB 151 154 154	#979A9A
66.7%	66.7% #9F9EA9	RGB 159 158 169	#9F9EA9
83.3%	83.3% #A7A3B9	RGB 167 163 185	#A7A3B9
100.0%	100.0% #B0A8C9	RGB 176 168 201	#B0A8C9

#7F8C6B #87907A #8F958A #979A9A #9F9EA9 #A7A3B9 #B0A8C9

#7F8C6B - #B0A8C9

HSV Blend

#7F8C6B - #B0A8C9 | 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 #7F8C6B as 0% and #B0A8C9 as 100%.

0.0%	0.0% #7F8C6B	RGB 127 140 107	#7F8C6B
16.7%	16.7% #789674	RGB 120 150 116	#789674
33.3%	33.3% #7EA08A	RGB 126 160 138	#7EA08A
50.0%	50.0% #88AAA4	RGB 136 170 164	#88AAA4
66.7%	66.7% #92AAB4	RGB 146 170 180	#92AAB4
83.3%	83.3% #9DA5BE	RGB 157 165 190	#9DA5BE
100.0%	100.0% #B0A8C9	RGB 176 168 201	#B0A8C9

#7F8C6B #789674 #7EA08A #88AAA4 #92AAB4 #9DA5BE #B0A8C9

#7F8C6B - #88AAA4 - #B0A8C9

CSS codes

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

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