#BCC2B5 - #749060 | 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 #BCC2B5 to #749060

#BCC2B5 #749060

Calculate the color between two colors, #BCC2B5 and #749060. 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)

#BCC2B5 - #749060 | 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 #BCC2B5 as 0% and #749060 as 100%.

0.0%	0.0% #BCC2B5	RGB 188 194 181	#BCC2B5
16.7%	16.7% #B0B9A6	RGB 176 185 166	#B0B9A6
33.3%	33.3% #A4B198	RGB 164 177 152	#A4B198
50.0%	50.0% #98A98A	RGB 152 169 138	#98A98A
66.7%	66.7% #8CA07C	RGB 140 160 124	#8CA07C
83.3%	83.3% #80986E	RGB 128 152 110	#80986E
100.0%	100.0% #749060	RGB 116 144 96	#749060

#BCC2B5 #B0B9A6 #A4B198 #98A98A #8CA07C #80986E #749060

#BCC2B5 - #749060

HSV Blend

#BCC2B5 - #749060 | 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 #BCC2B5 as 0% and #749060 as 100%.

0.0%	0.0% #BCC2B5	RGB 188 194 181	#BCC2B5
16.7%	16.7% #AFB9A4	RGB 175 185 164	#AFB9A4
33.3%	33.3% #A3B195	RGB 163 177 149	#A3B195
50.0%	50.0% #97A987	RGB 151 169 135	#97A987
66.7%	66.7% #8BA079	RGB 139 160 121	#8BA079
83.3%	83.3% #7F986C	RGB 127 152 108	#7F986C
100.0%	100.0% #749060	RGB 116 144 96	#749060

#BCC2B5 #AFB9A4 #A3B195 #97A987 #8BA079 #7F986C #749060

#BCC2B5 - #97A987 - #749060

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCC2B5 0%, #97A987 50%, #749060 100%);
    background: -webkit-linear-gradient(top, #BCC2B5 0%, #97A987 50%, #749060 100%);
    background: linear-gradient(to bottom, #BCC2B5 0%, #97A987 50%, #749060 100%);
}
</style>