#B9CECD - #4D9A99 | 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 #B9CECD to #4D9A99

#B9CECD #4D9A99

Calculate the color between two colors, #B9CECD and #4D9A99. 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)

#B9CECD - #4D9A99 | 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 #B9CECD as 0% and #4D9A99 as 100%.

0.0%	0.0% #B9CECD	RGB 185 206 205	#B9CECD
16.7%	16.7% #A7C5C4	RGB 167 197 196	#A7C5C4
33.3%	33.3% #95BCBB	RGB 149 188 187	#95BCBB
50.0%	50.0% #83B4B3	RGB 131 180 179	#83B4B3
66.7%	66.7% #71ABAA	RGB 113 171 170	#71ABAA
83.3%	83.3% #5FA2A1	RGB 95 162 161	#5FA2A1
100.0%	100.0% #4D9A99	RGB 77 154 153	#4D9A99

#B9CECD #A7C5C4 #95BCBB #83B4B3 #71ABAA #5FA2A1 #4D9A99

#B9CECD - #4D9A99

HSV Blend

#B9CECD - #4D9A99 | 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 #B9CECD as 0% and #4D9A99 as 100%.

0.0%	0.0% #B9CECD	RGB 185 206 205	#B9CECD
16.7%	16.7% #A4C5C3	RGB 164 197 195	#A4C5C3
33.3%	33.3% #90BCBB	RGB 144 188 187	#90BCBB
50.0%	50.0% #7DB4B2	RGB 125 180 178	#7DB4B2
66.7%	66.7% #6CABA9	RGB 108 171 169	#6CABA9
83.3%	83.3% #5CA2A1	RGB 92 162 161	#5CA2A1
100.0%	100.0% #4D9A99	RGB 77 154 153	#4D9A99

#B9CECD #A4C5C3 #90BCBB #7DB4B2 #6CABA9 #5CA2A1 #4D9A99

#B9CECD - #7DB4B2 - #4D9A99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9CECD 0%, #7DB4B2 50%, #4D9A99 100%);
    background: -webkit-linear-gradient(top, #B9CECD 0%, #7DB4B2 50%, #4D9A99 100%);
    background: linear-gradient(to bottom, #B9CECD 0%, #7DB4B2 50%, #4D9A99 100%);
}
</style>