#525B5E - #0C2D38 | 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 #0C2D38

#525B5E #0C2D38

Calculate the color between two colors, #525B5E and #0C2D38. 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 - #0C2D38 | 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 #0C2D38 as 100%.

0.0%	0.0% #525B5E	RGB 82 91 94	#525B5E
16.7%	16.7% #465357	RGB 70 83 87	#465357
33.3%	33.3% #3A4B51	RGB 58 75 81	#3A4B51
50.0%	50.0% #2F444B	RGB 47 68 75	#2F444B
66.7%	66.7% #233C44	RGB 35 60 68	#233C44
83.3%	83.3% #17343E	RGB 23 52 62	#17343E
100.0%	100.0% #0C2D38	RGB 12 45 56	#0C2D38

#525B5E #465357 #3A4B51 #2F444B #233C44 #17343E #0C2D38

#525B5E - #0C2D38

HSV Blend

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

0.0%	0.0% #525B5E	RGB 82 91 94	#525B5E
16.7%	16.7% #425257	RGB 66 82 87	#425257
33.3%	33.3% #354A51	RGB 53 74 81	#354A51
50.0%	50.0% #28424B	RGB 40 66 75	#28424B
66.7%	66.7% #1D3A44	RGB 29 58 68	#1D3A44
83.3%	83.3% #14333E	RGB 20 51 62	#14333E
100.0%	100.0% #0C2D38	RGB 12 45 56	#0C2D38

#525B5E #425257 #354A51 #28424B #1D3A44 #14333E #0C2D38

#525B5E - #28424B - #0C2D38

CSS codes

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

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