#527070 - #0D4B5E | 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 #527070 to #0D4B5E

#527070 #0D4B5E

Calculate the color between two colors, #527070 and #0D4B5E. 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)

#527070 - #0D4B5E | 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 #527070 as 0% and #0D4B5E as 100%.

0.0%	0.0% #527070	RGB 82 112 112	#527070
16.7%	16.7% #46696D	RGB 70 105 109	#46696D
33.3%	33.3% #3B636A	RGB 59 99 106	#3B636A
50.0%	50.0% #2F5D67	RGB 47 93 103	#2F5D67
66.7%	66.7% #245764	RGB 36 87 100	#245764
83.3%	83.3% #185161	RGB 24 81 97	#185161
100.0%	100.0% #0D4B5E	RGB 13 75 94	#0D4B5E

#527070 #46696D #3B636A #2F5D67 #245764 #185161 #0D4B5E

#527070 - #0D4B5E

HSV Blend

#527070 - #0D4B5E | 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 #527070 as 0% and #0D4B5E as 100%.

0.0%	0.0% #527070	RGB 82 112 112	#527070
16.7%	16.7% #456B6D	RGB 69 107 109	#456B6D
33.3%	33.3% #38666A	RGB 56 102 106	#38666A
50.0%	50.0% #2C6067	RGB 44 96 103	#2C6067
66.7%	66.7% #215964	RGB 33 89 100	#215964
83.3%	83.3% #175261	RGB 23 82 97	#175261
100.0%	100.0% #0D4B5E	RGB 13 75 94	#0D4B5E

#527070 #456B6D #38666A #2C6067 #215964 #175261 #0D4B5E

#527070 - #2C6067 - #0D4B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #527070 0%, #2C6067 50%, #0D4B5E 100%);
    background: -webkit-linear-gradient(top, #527070 0%, #2C6067 50%, #0D4B5E 100%);
    background: linear-gradient(to bottom, #527070 0%, #2C6067 50%, #0D4B5E 100%);
}
</style>