#B9C7C0 - #5A8A89 | 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 #B9C7C0 to #5A8A89

#B9C7C0 #5A8A89

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

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

0.0%	0.0% #B9C7C0	RGB 185 199 192	#B9C7C0
16.7%	16.7% #A9BCB6	RGB 169 188 182	#A9BCB6
33.3%	33.3% #99B2AD	RGB 153 178 173	#99B2AD
50.0%	50.0% #89A8A4	RGB 137 168 164	#89A8A4
66.7%	66.7% #799E9B	RGB 121 158 155	#799E9B
83.3%	83.3% #699492	RGB 105 148 146	#699492
100.0%	100.0% #5A8A89	RGB 90 138 137	#5A8A89

#B9C7C0 #A9BCB6 #99B2AD #89A8A4 #799E9B #699492 #5A8A89

#B9C7C0 - #5A8A89

HSV Blend

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

0.0%	0.0% #B9C7C0	RGB 185 199 192	#B9C7C0
16.7%	16.7% #A6BCB3	RGB 166 188 179	#A6BCB3
33.3%	33.3% #95B2A8	RGB 149 178 168	#95B2A8
50.0%	50.0% #85A89F	RGB 133 168 159	#85A89F
66.7%	66.7% #759E97	RGB 117 158 151	#759E97
83.3%	83.3% #67948F	RGB 103 148 143	#67948F
100.0%	100.0% #5A8A89	RGB 90 138 137	#5A8A89

#B9C7C0 #A6BCB3 #95B2A8 #85A89F #759E97 #67948F #5A8A89

#B9C7C0 - #85A89F - #5A8A89

CSS codes

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

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