#BBC8C1 - #5D8A8A | 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 #BBC8C1 to #5D8A8A

#BBC8C1 #5D8A8A

Calculate the color between two colors, #BBC8C1 and #5D8A8A. 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)

#BBC8C1 - #5D8A8A | 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 #BBC8C1 as 0% and #5D8A8A as 100%.

0.0%	0.0% #BBC8C1	RGB 187 200 193	#BBC8C1
16.7%	16.7% #ABBDB7	RGB 171 189 183	#ABBDB7
33.3%	33.3% #9BB3AE	RGB 155 179 174	#9BB3AE
50.0%	50.0% #8CA9A5	RGB 140 169 165	#8CA9A5
66.7%	66.7% #7C9E9C	RGB 124 158 156	#7C9E9C
83.3%	83.3% #6C9493	RGB 108 148 147	#6C9493
100.0%	100.0% #5D8A8A	RGB 93 138 138	#5D8A8A

#BBC8C1 #ABBDB7 #9BB3AE #8CA9A5 #7C9E9C #6C9493 #5D8A8A

#BBC8C1 - #5D8A8A

HSV Blend

#BBC8C1 - #5D8A8A | 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 #BBC8C1 as 0% and #5D8A8A as 100%.

0.0%	0.0% #BBC8C1	RGB 187 200 193	#BBC8C1
16.7%	16.7% #A9BDB4	RGB 169 189 180	#A9BDB4
33.3%	33.3% #98B3A9	RGB 152 179 169	#98B3A9
50.0%	50.0% #87A9A0	RGB 135 169 160	#87A9A0
66.7%	66.7% #789E97	RGB 120 158 151	#789E97
83.3%	83.3% #6A9490	RGB 106 148 144	#6A9490
100.0%	100.0% #5D8A8A	RGB 93 138 138	#5D8A8A

#BBC8C1 #A9BDB4 #98B3A9 #87A9A0 #789E97 #6A9490 #5D8A8A

#BBC8C1 - #87A9A0 - #5D8A8A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC8C1 0%, #87A9A0 50%, #5D8A8A 100%);
    background: -webkit-linear-gradient(top, #BBC8C1 0%, #87A9A0 50%, #5D8A8A 100%);
    background: linear-gradient(to bottom, #BBC8C1 0%, #87A9A0 50%, #5D8A8A 100%);
}
</style>