#B8C2B8 - #6BA064 | 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 #B8C2B8 to #6BA064

#B8C2B8 #6BA064

Calculate the color between two colors, #B8C2B8 and #6BA064. 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)

#B8C2B8 - #6BA064 | 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 #B8C2B8 as 0% and #6BA064 as 100%.

0.0%	0.0% #B8C2B8	RGB 184 194 184	#B8C2B8
16.7%	16.7% #ABBCAA	RGB 171 188 170	#ABBCAA
33.3%	33.3% #9EB69C	RGB 158 182 156	#9EB69C
50.0%	50.0% #91B18E	RGB 145 177 142	#91B18E
66.7%	66.7% #84AB80	RGB 132 171 128	#84AB80
83.3%	83.3% #77A572	RGB 119 165 114	#77A572
100.0%	100.0% #6BA064	RGB 107 160 100	#6BA064

#B8C2B8 #ABBCAA #9EB69C #91B18E #84AB80 #77A572 #6BA064

#B8C2B8 - #6BA064

HSV Blend

#B8C2B8 - #6BA064 | 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 #B8C2B8 as 0% and #6BA064 as 100%.

0.0%	0.0% #B8C2B8	RGB 184 194 184	#B8C2B8
16.7%	16.7% #A8BCA8	RGB 168 188 168	#A8BCA8
33.3%	33.3% #9AB699	RGB 154 182 153	#9AB699
50.0%	50.0% #8DB18B	RGB 141 177 139	#8DB18B
66.7%	66.7% #81AB7D	RGB 129 171 125	#81AB7D
83.3%	83.3% #75A570	RGB 117 165 112	#75A570
100.0%	100.0% #6BA064	RGB 107 160 100	#6BA064

#B8C2B8 #A8BCA8 #9AB699 #8DB18B #81AB7D #75A570 #6BA064

#B8C2B8 - #8DB18B - #6BA064

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C2B8 0%, #8DB18B 50%, #6BA064 100%);
    background: -webkit-linear-gradient(top, #B8C2B8 0%, #8DB18B 50%, #6BA064 100%);
    background: linear-gradient(to bottom, #B8C2B8 0%, #8DB18B 50%, #6BA064 100%);
}
</style>