#526575 - #0D2D5E | 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 #526575 to #0D2D5E

#526575 #0D2D5E

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

#526575 - #0D2D5E | 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 #526575 as 0% and #0D2D5E as 100%.

0.0%	0.0% #526575	RGB 82 101 117	#526575
16.7%	16.7% #465B71	RGB 70 91 113	#465B71
33.3%	33.3% #3B526D	RGB 59 82 109	#3B526D
50.0%	50.0% #2F4969	RGB 47 73 105	#2F4969
66.7%	66.7% #243F65	RGB 36 63 101	#243F65
83.3%	83.3% #183661	RGB 24 54 97	#183661
100.0%	100.0% #0D2D5E	RGB 13 45 94	#0D2D5E

#526575 #465B71 #3B526D #2F4969 #243F65 #183661 #0D2D5E

#526575 - #0D2D5E

HSV Blend

#526575 - #0D2D5E | 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 #526575 as 0% and #0D2D5E as 100%.

0.0%	0.0% #526575	RGB 82 101 117	#526575
16.7%	16.7% #445B71	RGB 68 91 113	#445B71
33.3%	33.3% #38526D	RGB 56 82 109	#38526D
50.0%	50.0% #2C4869	RGB 44 72 105	#2C4869
66.7%	66.7% #213F65	RGB 33 63 101	#213F65
83.3%	83.3% #163661	RGB 22 54 97	#163661
100.0%	100.0% #0D2D5E	RGB 13 45 94	#0D2D5E

#526575 #445B71 #38526D #2C4869 #213F65 #163661 #0D2D5E

#526575 - #2C4869 - #0D2D5E

CSS codes

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

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