#BCC3B5 - #6B8C4A | 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 #BCC3B5 to #6B8C4A

#BCC3B5 #6B8C4A

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

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

0.0%	0.0% #BCC3B5	RGB 188 195 181	#BCC3B5
16.7%	16.7% #AEB9A3	RGB 174 185 163	#AEB9A3
33.3%	33.3% #A1B091	RGB 161 176 145	#A1B091
50.0%	50.0% #93A77F	RGB 147 167 127	#93A77F
66.7%	66.7% #869E6D	RGB 134 158 109	#869E6D
83.3%	83.3% #78955B	RGB 120 149 91	#78955B
100.0%	100.0% #6B8C4A	RGB 107 140 74	#6B8C4A

#BCC3B5 #AEB9A3 #A1B091 #93A77F #869E6D #78955B #6B8C4A

#BCC3B5 - #6B8C4A

HSV Blend

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

0.0%	0.0% #BCC3B5	RGB 188 195 181	#BCC3B5
16.7%	16.7% #ACB9A0	RGB 172 185 160	#ACB9A0
33.3%	33.3% #9EB08C	RGB 158 176 140	#9EB08C
50.0%	50.0% #90A77A	RGB 144 167 122	#90A77A
66.7%	66.7% #839E68	RGB 131 158 104	#839E68
83.3%	83.3% #769558	RGB 118 149 88	#769558
100.0%	100.0% #6B8C4A	RGB 107 140 74	#6B8C4A

#BCC3B5 #ACB9A0 #9EB08C #90A77A #839E68 #769558 #6B8C4A

#BCC3B5 - #90A77A - #6B8C4A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC3B5 0%, #90A77A 50%, #6B8C4A 100%);
    background: -webkit-linear-gradient(top, #BCC3B5 0%, #90A77A 50%, #6B8C4A 100%);
    background: linear-gradient(to bottom, #BCC3B5 0%, #90A77A 50%, #6B8C4A 100%);
}
</style>