#879595 - #265F58 | 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 #879595 to #265F58

#879595 #265F58

Calculate the color between two colors, #879595 and #265F58. 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)

#879595 - #265F58 | 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 #879595 as 0% and #265F58 as 100%.

0.0%	0.0% #879595	RGB 135 149 149	#879595
16.7%	16.7% #768C8A	RGB 118 140 138	#768C8A
33.3%	33.3% #668380	RGB 102 131 128	#668380
50.0%	50.0% #567A76	RGB 86 122 118	#567A76
66.7%	66.7% #46716C	RGB 70 113 108	#46716C
83.3%	83.3% #366862	RGB 54 104 98	#366862
100.0%	100.0% #265F58	RGB 38 95 88	#265F58

#879595 #768C8A #668380 #567A76 #46716C #366862 #265F58

#879595 - #265F58

HSV Blend

#879595 - #265F58 | 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 #879595 as 0% and #265F58 as 100%.

0.0%	0.0% #879595	RGB 135 149 149	#879595
16.7%	16.7% #738C8B	RGB 115 140 139	#738C8B
33.3%	33.3% #608381	RGB 96 131 129	#608381
50.0%	50.0% #4F7A77	RGB 79 122 119	#4F7A77
66.7%	66.7% #40716D	RGB 64 113 109	#40716D
83.3%	83.3% #326862	RGB 50 104 98	#326862
100.0%	100.0% #265F58	RGB 38 95 88	#265F58

#879595 #738C8B #608381 #4F7A77 #40716D #326862 #265F58

#879595 - #4F7A77 - #265F58

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #879595 0%, #4F7A77 50%, #265F58 100%);
    background: -webkit-linear-gradient(top, #879595 0%, #4F7A77 50%, #265F58 100%);
    background: linear-gradient(to bottom, #879595 0%, #4F7A77 50%, #265F58 100%);
}
</style>