#6D9C9B - #BBCF9F | 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 #6D9C9B to #BBCF9F

#6D9C9B #BBCF9F

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

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

0.0%	0.0% #6D9C9B	RGB 109 156 155	#6D9C9B
16.7%	16.7% #7AA49B	RGB 122 164 155	#7AA49B
33.3%	33.3% #87AD9C	RGB 135 173 156	#87AD9C
50.0%	50.0% #94B59D	RGB 148 181 157	#94B59D
66.7%	66.7% #A1BE9D	RGB 161 190 157	#A1BE9D
83.3%	83.3% #AEC69E	RGB 174 198 158	#AEC69E
100.0%	100.0% #BBCF9F	RGB 187 207 159	#BBCF9F

#6D9C9B #7AA49B #87AD9C #94B59D #A1BE9D #AEC69E #BBCF9F

#6D9C9B - #BBCF9F

HSV Blend

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

0.0%	0.0% #6D9C9B	RGB 109 156 155	#6D9C9B
16.7%	16.7% #74A497	RGB 116 164 151	#74A497
33.3%	33.3% #7CAD92	RGB 124 173 146	#7CAD92
50.0%	50.0% #85B58E	RGB 133 181 142	#85B58E
66.7%	66.7% #90BE8D	RGB 144 190 141	#90BE8D
83.3%	83.3% #A5C696	RGB 165 198 150	#A5C696
100.0%	100.0% #BBCF9F	RGB 187 207 159	#BBCF9F

#6D9C9B #74A497 #7CAD92 #85B58E #90BE8D #A5C696 #BBCF9F

#6D9C9B - #85B58E - #BBCF9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9C9B 0%, #85B58E 50%, #BBCF9F 100%);
    background: -webkit-linear-gradient(top, #6D9C9B 0%, #85B58E 50%, #BBCF9F 100%);
    background: linear-gradient(to bottom, #6D9C9B 0%, #85B58E 50%, #BBCF9F 100%);
}
</style>