#525B5E - #7ABFAC | 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 #525B5E to #7ABFAC

#525B5E #7ABFAC

Calculate the color between two colors, #525B5E and #7ABFAC. 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)

#525B5E - #7ABFAC | 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 #525B5E as 0% and #7ABFAC as 100%.

0.0%	0.0% #525B5E	RGB 82 91 94	#525B5E
16.7%	16.7% #586B6B	RGB 88 107 107	#586B6B
33.3%	33.3% #5F7C78	RGB 95 124 120	#5F7C78
50.0%	50.0% #668D85	RGB 102 141 133	#668D85
66.7%	66.7% #6C9D92	RGB 108 157 146	#6C9D92
83.3%	83.3% #73AE9F	RGB 115 174 159	#73AE9F
100.0%	100.0% #7ABFAC	RGB 122 191 172	#7ABFAC

#525B5E #586B6B #5F7C78 #668D85 #6C9D92 #73AE9F #7ABFAC

#525B5E - #7ABFAC

HSV Blend

#525B5E - #7ABFAC | 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 #525B5E as 0% and #7ABFAC as 100%.

0.0%	0.0% #525B5E	RGB 82 91 94	#525B5E
16.7%	16.7% #5B6B6E	RGB 91 107 110	#5B6B6E
33.3%	33.3% #647C7E	RGB 100 124 126	#647C7E
50.0%	50.0% #6B8E8E	RGB 107 142 142	#6B8E8E
66.7%	66.7% #719E9A	RGB 113 158 154	#719E9A
83.3%	83.3% #76AEA4	RGB 118 174 164	#76AEA4
100.0%	100.0% #7ABFAC	RGB 122 191 172	#7ABFAC

#525B5E #5B6B6E #647C7E #6B8E8E #719E9A #76AEA4 #7ABFAC

#525B5E - #6B8E8E - #7ABFAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #525B5E 0%, #6B8E8E 50%, #7ABFAC 100%);
    background: -webkit-linear-gradient(top, #525B5E 0%, #6B8E8E 50%, #7ABFAC 100%);
    background: linear-gradient(to bottom, #525B5E 0%, #6B8E8E 50%, #7ABFAC 100%);
}
</style>