#B5CDCD - #499999 | 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 #B5CDCD to #499999

#B5CDCD #499999

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

#B5CDCD - #499999 | 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 #B5CDCD as 0% and #499999 as 100%.

0.0%	0.0% #B5CDCD	RGB 181 205 205	#B5CDCD
16.7%	16.7% #A3C4C4	RGB 163 196 196	#A3C4C4
33.3%	33.3% #91BBBB	RGB 145 187 187	#91BBBB
50.0%	50.0% #7FB3B3	RGB 127 179 179	#7FB3B3
66.7%	66.7% #6DAAAA	RGB 109 170 170	#6DAAAA
83.3%	83.3% #5BA1A1	RGB 91 161 161	#5BA1A1
100.0%	100.0% #499999	RGB 73 153 153	#499999

#B5CDCD #A3C4C4 #91BBBB #7FB3B3 #6DAAAA #5BA1A1 #499999

#B5CDCD - #499999

HSV Blend

#B5CDCD - #499999 | 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 #B5CDCD as 0% and #499999 as 100%.

0.0%	0.0% #B5CDCD	RGB 181 205 205	#B5CDCD
16.7%	16.7% #A0C4C4	RGB 160 196 196	#A0C4C4
33.3%	33.3% #8CBBBB	RGB 140 187 187	#8CBBBB
50.0%	50.0% #79B3B3	RGB 121 179 179	#79B3B3
66.7%	66.7% #68AAAA	RGB 104 170 170	#68AAAA
83.3%	83.3% #58A1A1	RGB 88 161 161	#58A1A1
100.0%	100.0% #499999	RGB 73 153 153	#499999

#B5CDCD #A0C4C4 #8CBBBB #79B3B3 #68AAAA #58A1A1 #499999

#B5CDCD - #79B3B3 - #499999

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5CDCD 0%, #79B3B3 50%, #499999 100%);
    background: -webkit-linear-gradient(top, #B5CDCD 0%, #79B3B3 50%, #499999 100%);
    background: linear-gradient(to bottom, #B5CDCD 0%, #79B3B3 50%, #499999 100%);
}
</style>