#8D9F95 - #BDD3A1 | 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 #8D9F95 to #BDD3A1

#8D9F95 #BDD3A1

Calculate the color between two colors, #8D9F95 and #BDD3A1. 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)

#8D9F95 - #BDD3A1 | 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 #8D9F95 as 0% and #BDD3A1 as 100%.

0.0%	0.0% #8D9F95	RGB 141 159 149	#8D9F95
16.7%	16.7% #95A797	RGB 149 167 151	#95A797
33.3%	33.3% #9DB099	RGB 157 176 153	#9DB099
50.0%	50.0% #A5B99B	RGB 165 185 155	#A5B99B
66.7%	66.7% #ADC19D	RGB 173 193 157	#ADC19D
83.3%	83.3% #B5CA9F	RGB 181 202 159	#B5CA9F
100.0%	100.0% #BDD3A1	RGB 189 211 161	#BDD3A1

#8D9F95 #95A797 #9DB099 #A5B99B #ADC19D #B5CA9F #BDD3A1

#8D9F95 - #BDD3A1

HSV Blend

#8D9F95 - #BDD3A1 | 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 #8D9F95 as 0% and #BDD3A1 as 100%.

0.0%	0.0% #8D9F95	RGB 141 159 149	#8D9F95
16.7%	16.7% #91A797	RGB 145 167 151	#91A797
33.3%	33.3% #95B098	RGB 149 176 152	#95B098
50.0%	50.0% #9AB998	RGB 154 185 152	#9AB998
66.7%	66.7% #A4C19B	RGB 164 193 155	#A4C19B
83.3%	83.3% #AFCA9E	RGB 175 202 158	#AFCA9E
100.0%	100.0% #BDD3A1	RGB 189 211 161	#BDD3A1

#8D9F95 #91A797 #95B098 #9AB998 #A4C19B #AFCA9E #BDD3A1

#8D9F95 - #9AB998 - #BDD3A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9F95 0%, #9AB998 50%, #BDD3A1 100%);
    background: -webkit-linear-gradient(top, #8D9F95 0%, #9AB998 50%, #BDD3A1 100%);
    background: linear-gradient(to bottom, #8D9F95 0%, #9AB998 50%, #BDD3A1 100%);
}
</style>