#B9C8C0 - #5A8B89 | 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 #B9C8C0 to #5A8B89

#B9C8C0 #5A8B89

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

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

0.0%	0.0% #B9C8C0	RGB 185 200 192	#B9C8C0
16.7%	16.7% #A9BDB6	RGB 169 189 182	#A9BDB6
33.3%	33.3% #99B3AD	RGB 153 179 173	#99B3AD
50.0%	50.0% #89A9A4	RGB 137 169 164	#89A9A4
66.7%	66.7% #799F9B	RGB 121 159 155	#799F9B
83.3%	83.3% #699592	RGB 105 149 146	#699592
100.0%	100.0% #5A8B89	RGB 90 139 137	#5A8B89

#B9C8C0 #A9BDB6 #99B3AD #89A9A4 #799F9B #699592 #5A8B89

#B9C8C0 - #5A8B89

HSV Blend

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

0.0%	0.0% #B9C8C0	RGB 185 200 192	#B9C8C0
16.7%	16.7% #A6BDB3	RGB 166 189 179	#A6BDB3
33.3%	33.3% #95B3A8	RGB 149 179 168	#95B3A8
50.0%	50.0% #85A99F	RGB 133 169 159	#85A99F
66.7%	66.7% #759F96	RGB 117 159 150	#759F96
83.3%	83.3% #67958F	RGB 103 149 143	#67958F
100.0%	100.0% #5A8B89	RGB 90 139 137	#5A8B89

#B9C8C0 #A6BDB3 #95B3A8 #85A99F #759F96 #67958F #5A8B89

#B9C8C0 - #85A99F - #5A8B89

CSS codes

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

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