#BBC4C3 - #538B8C | 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 #BBC4C3 to #538B8C

#BBC4C3 #538B8C

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

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

0.0%	0.0% #BBC4C3	RGB 187 196 195	#BBC4C3
16.7%	16.7% #A9BAB9	RGB 169 186 185	#A9BAB9
33.3%	33.3% #98B1B0	RGB 152 177 176	#98B1B0
50.0%	50.0% #87A7A7	RGB 135 167 167	#87A7A7
66.7%	66.7% #759E9E	RGB 117 158 158	#759E9E
83.3%	83.3% #649495	RGB 100 148 149	#649495
100.0%	100.0% #538B8C	RGB 83 139 140	#538B8C

#BBC4C3 #A9BAB9 #98B1B0 #87A7A7 #759E9E #649495 #538B8C

#BBC4C3 - #538B8C

HSV Blend

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

0.0%	0.0% #BBC4C3	RGB 187 196 195	#BBC4C3
16.7%	16.7% #A6BAB8	RGB 166 186 184	#A6BAB8
33.3%	33.3% #93B1AF	RGB 147 177 175	#93B1AF
50.0%	50.0% #81A8A6	RGB 129 168 166	#81A8A6
66.7%	66.7% #719E9D	RGB 113 158 157	#719E9D
83.3%	83.3% #619595	RGB 97 149 149	#619595
100.0%	100.0% #538B8C	RGB 83 139 140	#538B8C

#BBC4C3 #A6BAB8 #93B1AF #81A8A6 #719E9D #619595 #538B8C

#BBC4C3 - #81A8A6 - #538B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC4C3 0%, #81A8A6 50%, #538B8C 100%);
    background: -webkit-linear-gradient(top, #BBC4C3 0%, #81A8A6 50%, #538B8C 100%);
    background: linear-gradient(to bottom, #BBC4C3 0%, #81A8A6 50%, #538B8C 100%);
}
</style>