#6D9C9C - #BCCF9F | 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 #6D9C9C to #BCCF9F

#6D9C9C #BCCF9F

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

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

0.0%	0.0% #6D9C9C	RGB 109 156 156	#6D9C9C
16.7%	16.7% #7AA49C	RGB 122 164 156	#7AA49C
33.3%	33.3% #87AD9D	RGB 135 173 157	#87AD9D
50.0%	50.0% #94B59D	RGB 148 181 157	#94B59D
66.7%	66.7% #A1BE9E	RGB 161 190 158	#A1BE9E
83.3%	83.3% #AEC69E	RGB 174 198 158	#AEC69E
100.0%	100.0% #BCCF9F	RGB 188 207 159	#BCCF9F

#6D9C9C #7AA49C #87AD9D #94B59D #A1BE9E #AEC69E #BCCF9F

#6D9C9C - #BCCF9F

HSV Blend

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

0.0%	0.0% #6D9C9C	RGB 109 156 156	#6D9C9C
16.7%	16.7% #74A497	RGB 116 164 151	#74A497
33.3%	33.3% #7CAD93	RGB 124 173 147	#7CAD93
50.0%	50.0% #85B58E	RGB 133 181 142	#85B58E
66.7%	66.7% #90BE8D	RGB 144 190 141	#90BE8D
83.3%	83.3% #A6C696	RGB 166 198 150	#A6C696
100.0%	100.0% #BCCF9F	RGB 188 207 159	#BCCF9F

#6D9C9C #74A497 #7CAD93 #85B58E #90BE8D #A6C696 #BCCF9F

#6D9C9C - #85B58E - #BCCF9F

CSS codes

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

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