#6C736D - #B9CF8C | 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 #6C736D to #B9CF8C

#6C736D #B9CF8C

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

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

0.0%	0.0% #6C736D	RGB 108 115 109	#6C736D
16.7%	16.7% #788272	RGB 120 130 114	#788272
33.3%	33.3% #859177	RGB 133 145 119	#859177
50.0%	50.0% #92A17C	RGB 146 161 124	#92A17C
66.7%	66.7% #9FB081	RGB 159 176 129	#9FB081
83.3%	83.3% #ACBF86	RGB 172 191 134	#ACBF86
100.0%	100.0% #B9CF8C	RGB 185 207 140	#B9CF8C

#6C736D #788272 #859177 #92A17C #9FB081 #ACBF86 #B9CF8C

#6C736D - #B9CF8C

HSV Blend

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

0.0%	0.0% #6C736D	RGB 108 115 109	#6C736D
16.7%	16.7% #748274	RGB 116 130 116	#748274
33.3%	33.3% #7E917C	RGB 126 145 124	#7E917C
50.0%	50.0% #8AA182	RGB 138 161 130	#8AA182
66.7%	66.7% #97B086	RGB 151 176 134	#97B086
83.3%	83.3% #A6BF8A	RGB 166 191 138	#A6BF8A
100.0%	100.0% #B9CF8C	RGB 185 207 140	#B9CF8C

#6C736D #748274 #7E917C #8AA182 #97B086 #A6BF8A #B9CF8C

#6C736D - #8AA182 - #B9CF8C

CSS codes

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

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