#BAA57A - #C8C9C9 | 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 #BAA57A to #C8C9C9

#BAA57A #C8C9C9

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

#BAA57A - #C8C9C9 | 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 #BAA57A as 0% and #C8C9C9 as 100%.

0.0%	0.0% #BAA57A	RGB 186 165 122	#BAA57A
16.7%	16.7% #BCAB87	RGB 188 171 135	#BCAB87
33.3%	33.3% #BEB194	RGB 190 177 148	#BEB194
50.0%	50.0% #C1B7A1	RGB 193 183 161	#C1B7A1
66.7%	66.7% #C3BDAE	RGB 195 189 174	#C3BDAE
83.3%	83.3% #C5C3BB	RGB 197 195 187	#C5C3BB
100.0%	100.0% #C8C9C9	RGB 200 201 201	#C8C9C9

#BAA57A #BCAB87 #BEB194 #C1B7A1 #C3BDAE #C5C3BB #C8C9C9

#BAA57A - #C8C9C9

HSV Blend

#BAA57A - #C8C9C9 | 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 #BAA57A as 0% and #C8C9C9 as 100%.

0.0%	0.0% #BAA57A	RGB 186 165 122	#BAA57A
16.7%	16.7% #B9BC86	RGB 185 188 134	#B9BC86
33.3%	33.3% #ABBF92	RGB 171 191 146	#ABBF92
50.0%	50.0% #A5C19F	RGB 165 193 159	#A5C19F
66.7%	66.7% #ACC4B2	RGB 172 196 178	#ACC4B2
83.3%	83.3% #BAC6C1	RGB 186 198 193	#BAC6C1
100.0%	100.0% #C8C9C9	RGB 200 201 201	#C8C9C9

#BAA57A #B9BC86 #ABBF92 #A5C19F #ACC4B2 #BAC6C1 #C8C9C9

#BAA57A - #A5C19F - #C8C9C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAA57A 0%, #A5C19F 50%, #C8C9C9 100%);
    background: -webkit-linear-gradient(top, #BAA57A 0%, #A5C19F 50%, #C8C9C9 100%);
    background: linear-gradient(to bottom, #BAA57A 0%, #A5C19F 50%, #C8C9C9 100%);
}
</style>