#BBC1AF - #768D5A | 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 #BBC1AF to #768D5A

#BBC1AF #768D5A

Calculate the color between two colors, #BBC1AF and #768D5A. 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)

#BBC1AF - #768D5A | 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 #BBC1AF as 0% and #768D5A as 100%.

0.0%	0.0% #BBC1AF	RGB 187 193 175	#BBC1AF
16.7%	16.7% #AFB8A0	RGB 175 184 160	#AFB8A0
33.3%	33.3% #A4AF92	RGB 164 175 146	#A4AF92
50.0%	50.0% #98A784	RGB 152 167 132	#98A784
66.7%	66.7% #8D9E76	RGB 141 158 118	#8D9E76
83.3%	83.3% #819568	RGB 129 149 104	#819568
100.0%	100.0% #768D5A	RGB 118 141 90	#768D5A

#BBC1AF #AFB8A0 #A4AF92 #98A784 #8D9E76 #819568 #768D5A

#BBC1AF - #768D5A

HSV Blend

#BBC1AF - #768D5A | 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 #BBC1AF as 0% and #768D5A as 100%.

0.0%	0.0% #BBC1AF	RGB 187 193 175	#BBC1AF
16.7%	16.7% #AFB89E	RGB 175 184 158	#AFB89E
33.3%	33.3% #A3AF8F	RGB 163 175 143	#A3AF8F
50.0%	50.0% #98A781	RGB 152 167 129	#98A781
66.7%	66.7% #8C9E73	RGB 140 158 115	#8C9E73
83.3%	83.3% #819566	RGB 129 149 102	#819566
100.0%	100.0% #768D5A	RGB 118 141 90	#768D5A

#BBC1AF #AFB89E #A3AF8F #98A781 #8C9E73 #819566 #768D5A

#BBC1AF - #98A781 - #768D5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC1AF 0%, #98A781 50%, #768D5A 100%);
    background: -webkit-linear-gradient(top, #BBC1AF 0%, #98A781 50%, #768D5A 100%);
    background: linear-gradient(to bottom, #BBC1AF 0%, #98A781 50%, #768D5A 100%);
}
</style>