#B9C2B0 - #70915B | 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 #B9C2B0 to #70915B

#B9C2B0 #70915B

Calculate the color between two colors, #B9C2B0 and #70915B. 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)

#B9C2B0 - #70915B | 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 #B9C2B0 as 0% and #70915B as 100%.

0.0%	0.0% #B9C2B0	RGB 185 194 176	#B9C2B0
16.7%	16.7% #ACB9A1	RGB 172 185 161	#ACB9A1
33.3%	33.3% #A0B193	RGB 160 177 147	#A0B193
50.0%	50.0% #94A985	RGB 148 169 133	#94A985
66.7%	66.7% #88A177	RGB 136 161 119	#88A177
83.3%	83.3% #7C9969	RGB 124 153 105	#7C9969
100.0%	100.0% #70915B	RGB 112 145 91	#70915B

#B9C2B0 #ACB9A1 #A0B193 #94A985 #88A177 #7C9969 #70915B

#B9C2B0 - #70915B

HSV Blend

#B9C2B0 - #70915B | 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 #B9C2B0 as 0% and #70915B as 100%.

0.0%	0.0% #B9C2B0	RGB 185 194 176	#B9C2B0
16.7%	16.7% #ACB99F	RGB 172 185 159	#ACB99F
33.3%	33.3% #9FB190	RGB 159 177 144	#9FB190
50.0%	50.0% #93A982	RGB 147 169 130	#93A982
66.7%	66.7% #87A174	RGB 135 161 116	#87A174
83.3%	83.3% #7B9967	RGB 123 153 103	#7B9967
100.0%	100.0% #70915B	RGB 112 145 91	#70915B

#B9C2B0 #ACB99F #9FB190 #93A982 #87A174 #7B9967 #70915B

#B9C2B0 - #93A982 - #70915B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C2B0 0%, #93A982 50%, #70915B 100%);
    background: -webkit-linear-gradient(top, #B9C2B0 0%, #93A982 50%, #70915B 100%);
    background: linear-gradient(to bottom, #B9C2B0 0%, #93A982 50%, #70915B 100%);
}
</style>