#B9C9C0 - #5B8C89 | 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 #B9C9C0 to #5B8C89

#B9C9C0 #5B8C89

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

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

0.0%	0.0% #B9C9C0	RGB 185 201 192	#B9C9C0
16.7%	16.7% #A9BEB6	RGB 169 190 182	#A9BEB6
33.3%	33.3% #99B4AD	RGB 153 180 173	#99B4AD
50.0%	50.0% #8AAAA4	RGB 138 170 164	#8AAAA4
66.7%	66.7% #7AA09B	RGB 122 160 155	#7AA09B
83.3%	83.3% #6A9692	RGB 106 150 146	#6A9692
100.0%	100.0% #5B8C89	RGB 91 140 137	#5B8C89

#B9C9C0 #A9BEB6 #99B4AD #8AAAA4 #7AA09B #6A9692 #5B8C89

#B9C9C0 - #5B8C89

HSV Blend

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

0.0%	0.0% #B9C9C0	RGB 185 201 192	#B9C9C0
16.7%	16.7% #A7BEB3	RGB 167 190 179	#A7BEB3
33.3%	33.3% #96B4A8	RGB 150 180 168	#96B4A8
50.0%	50.0% #85AA9F	RGB 133 170 159	#85AA9F
66.7%	66.7% #76A096	RGB 118 160 150	#76A096
83.3%	83.3% #68968F	RGB 104 150 143	#68968F
100.0%	100.0% #5B8C89	RGB 91 140 137	#5B8C89

#B9C9C0 #A7BEB3 #96B4A8 #85AA9F #76A096 #68968F #5B8C89

#B9C9C0 - #85AA9F - #5B8C89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C9C0 0%, #85AA9F 50%, #5B8C89 100%);
    background: -webkit-linear-gradient(top, #B9C9C0 0%, #85AA9F 50%, #5B8C89 100%);
    background: linear-gradient(to bottom, #B9C9C0 0%, #85AA9F 50%, #5B8C89 100%);
}
</style>