#525D5E - #79C8D5 | 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 #525D5E to #79C8D5

#525D5E #79C8D5

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

#525D5E - #79C8D5 | 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 #525D5E as 0% and #79C8D5 as 100%.

0.0%	0.0% #525D5E	RGB 82 93 94	#525D5E
16.7%	16.7% #586E71	RGB 88 110 113	#586E71
33.3%	33.3% #5F8085	RGB 95 128 133	#5F8085
50.0%	50.0% #659299	RGB 101 146 153	#659299
66.7%	66.7% #6CA4AD	RGB 108 164 173	#6CA4AD
83.3%	83.3% #72B6C1	RGB 114 182 193	#72B6C1
100.0%	100.0% #79C8D5	RGB 121 200 213	#79C8D5

#525D5E #586E71 #5F8085 #659299 #6CA4AD #72B6C1 #79C8D5

#525D5E - #79C8D5

HSV Blend

#525D5E - #79C8D5 | 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 #525D5E as 0% and #79C8D5 as 100%.

0.0%	0.0% #525D5E	RGB 82 93 94	#525D5E
16.7%	16.7% #5D6F71	RGB 93 111 113	#5D6F71
33.3%	33.3% #678285	RGB 103 130 133	#678285
50.0%	50.0% #6E9499	RGB 110 148 153	#6E9499
66.7%	66.7% #74A6AD	RGB 116 166 173	#74A6AD
83.3%	83.3% #77B7C1	RGB 119 183 193	#77B7C1
100.0%	100.0% #79C8D5	RGB 121 200 213	#79C8D5

#525D5E #5D6F71 #678285 #6E9499 #74A6AD #77B7C1 #79C8D5

#525D5E - #6E9499 - #79C8D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #525D5E 0%, #6E9499 50%, #79C8D5 100%);
    background: -webkit-linear-gradient(top, #525D5E 0%, #6E9499 50%, #79C8D5 100%);
    background: linear-gradient(to bottom, #525D5E 0%, #6E9499 50%, #79C8D5 100%);
}
</style>