#BFCCA8 - #6D8D57 | 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 #BFCCA8 to #6D8D57

#BFCCA8 #6D8D57

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

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

0.0%	0.0% #BFCCA8	RGB 191 204 168	#BFCCA8
16.7%	16.7% #B1C19A	RGB 177 193 154	#B1C19A
33.3%	33.3% #A3B78D	RGB 163 183 141	#A3B78D
50.0%	50.0% #96AC7F	RGB 150 172 127	#96AC7F
66.7%	66.7% #88A272	RGB 136 162 114	#88A272
83.3%	83.3% #7A9764	RGB 122 151 100	#7A9764
100.0%	100.0% #6D8D57	RGB 109 141 87	#6D8D57

#BFCCA8 #B1C19A #A3B78D #96AC7F #88A272 #7A9764 #6D8D57

#BFCCA8 - #6D8D57

HSV Blend

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

0.0%	0.0% #BFCCA8	RGB 191 204 168	#BFCCA8
16.7%	16.7% #B1C198	RGB 177 193 152	#B1C198
33.3%	33.3% #A3B78A	RGB 163 183 138	#A3B78A
50.0%	50.0% #95AC7C	RGB 149 172 124	#95AC7C
66.7%	66.7% #87A26F	RGB 135 162 111	#87A26F
83.3%	83.3% #7A9762	RGB 122 151 98	#7A9762
100.0%	100.0% #6D8D57	RGB 109 141 87	#6D8D57

#BFCCA8 #B1C198 #A3B78A #95AC7C #87A26F #7A9762 #6D8D57

#BFCCA8 - #95AC7C - #6D8D57

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFCCA8 0%, #95AC7C 50%, #6D8D57 100%);
    background: -webkit-linear-gradient(top, #BFCCA8 0%, #95AC7C 50%, #6D8D57 100%);
    background: linear-gradient(to bottom, #BFCCA8 0%, #95AC7C 50%, #6D8D57 100%);
}
</style>