#5E9595 - #B6CD9C | 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 #5E9595 to #B6CD9C

#5E9595 #B6CD9C

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

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

0.0%	0.0% #5E9595	RGB 94 149 149	#5E9595
16.7%	16.7% #6C9E96	RGB 108 158 150	#6C9E96
33.3%	33.3% #7BA797	RGB 123 167 151	#7BA797
50.0%	50.0% #8AB198	RGB 138 177 152	#8AB198
66.7%	66.7% #98BA99	RGB 152 186 153	#98BA99
83.3%	83.3% #A7C39A	RGB 167 195 154	#A7C39A
100.0%	100.0% #B6CD9C	RGB 182 205 156	#B6CD9C

#5E9595 #6C9E96 #7BA797 #8AB198 #98BA99 #A7C39A #B6CD9C

#5E9595 - #B6CD9C

HSV Blend

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

0.0%	0.0% #5E9595	RGB 94 149 149	#5E9595
16.7%	16.7% #679E90	RGB 103 158 144	#679E90
33.3%	33.3% #71A78B	RGB 113 167 139	#71A78B
50.0%	50.0% #7BB187	RGB 123 177 135	#7BB187
66.7%	66.7% #86BA85	RGB 134 186 133	#86BA85
83.3%	83.3% #9EC390	RGB 158 195 144	#9EC390
100.0%	100.0% #B6CD9C	RGB 182 205 156	#B6CD9C

#5E9595 #679E90 #71A78B #7BB187 #86BA85 #9EC390 #B6CD9C

#5E9595 - #7BB187 - #B6CD9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9595 0%, #7BB187 50%, #B6CD9C 100%);
    background: -webkit-linear-gradient(top, #5E9595 0%, #7BB187 50%, #B6CD9C 100%);
    background: linear-gradient(to bottom, #5E9595 0%, #7BB187 50%, #B6CD9C 100%);
}
</style>