#BEC3C3 - #548B8C | 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 #BEC3C3 to #548B8C

#BEC3C3 #548B8C

Calculate the color between two colors, #BEC3C3 and #548B8C. 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)

#BEC3C3 - #548B8C | 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 #BEC3C3 as 0% and #548B8C as 100%.

0.0%	0.0% #BEC3C3	RGB 190 195 195	#BEC3C3
16.7%	16.7% #ACB9B9	RGB 172 185 185	#ACB9B9
33.3%	33.3% #9AB0B0	RGB 154 176 176	#9AB0B0
50.0%	50.0% #89A7A7	RGB 137 167 167	#89A7A7
66.7%	66.7% #779D9E	RGB 119 157 158	#779D9E
83.3%	83.3% #659495	RGB 101 148 149	#659495
100.0%	100.0% #548B8C	RGB 84 139 140	#548B8C

#BEC3C3 #ACB9B9 #9AB0B0 #89A7A7 #779D9E #659495 #548B8C

#BEC3C3 - #548B8C

HSV Blend

#BEC3C3 - #548B8C | 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 #BEC3C3 as 0% and #548B8C as 100%.

0.0%	0.0% #BEC3C3	RGB 190 195 195	#BEC3C3
16.7%	16.7% #A9B9B9	RGB 169 185 185	#A9B9B9
33.3%	33.3% #96B0B0	RGB 150 176 176	#96B0B0
50.0%	50.0% #83A7A7	RGB 131 167 167	#83A7A7
66.7%	66.7% #729D9E	RGB 114 157 158	#729D9E
83.3%	83.3% #629495	RGB 98 148 149	#629495
100.0%	100.0% #548B8C	RGB 84 139 140	#548B8C

#BEC3C3 #A9B9B9 #96B0B0 #83A7A7 #729D9E #629495 #548B8C

#BEC3C3 - #83A7A7 - #548B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEC3C3 0%, #83A7A7 50%, #548B8C 100%);
    background: -webkit-linear-gradient(top, #BEC3C3 0%, #83A7A7 50%, #548B8C 100%);
    background: linear-gradient(to bottom, #BEC3C3 0%, #83A7A7 50%, #548B8C 100%);
}
</style>