#525E5E - #7FB3D4 | 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 #525E5E to #7FB3D4

#525E5E #7FB3D4

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

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

0.0%	0.0% #525E5E	RGB 82 94 94	#525E5E
16.7%	16.7% #596C71	RGB 89 108 113	#596C71
33.3%	33.3% #617A85	RGB 97 122 133	#617A85
50.0%	50.0% #688899	RGB 104 136 153	#688899
66.7%	66.7% #7096AC	RGB 112 150 172	#7096AC
83.3%	83.3% #77A4C0	RGB 119 164 192	#77A4C0
100.0%	100.0% #7FB3D4	RGB 127 179 212	#7FB3D4

#525E5E #596C71 #617A85 #688899 #7096AC #77A4C0 #7FB3D4

#525E5E - #7FB3D4

HSV Blend

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

0.0%	0.0% #525E5E	RGB 82 94 94	#525E5E
16.7%	16.7% #5D7071	RGB 93 112 113	#5D7071
33.3%	33.3% #688185	RGB 104 129 133	#688185
50.0%	50.0% #709199	RGB 112 145 153	#709199
66.7%	66.7% #779EAC	RGB 119 158 172	#779EAC
83.3%	83.3% #7BAAC0	RGB 123 170 192	#7BAAC0
100.0%	100.0% #7FB3D4	RGB 127 179 212	#7FB3D4

#525E5E #5D7071 #688185 #709199 #779EAC #7BAAC0 #7FB3D4

#525E5E - #709199 - #7FB3D4

CSS codes

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

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