#536B8C - #1E2D3B | 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 #536B8C to #1E2D3B

#536B8C #1E2D3B

Calculate the color between two colors, #536B8C and #1E2D3B. 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)

#536B8C - #1E2D3B | 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 #536B8C as 0% and #1E2D3B as 100%.

0.0%	0.0% #536B8C	RGB 83 107 140	#536B8C
16.7%	16.7% #4A607E	RGB 74 96 126	#4A607E
33.3%	33.3% #415671	RGB 65 86 113	#415671
50.0%	50.0% #384C63	RGB 56 76 99	#384C63
66.7%	66.7% #2F4156	RGB 47 65 86	#2F4156
83.3%	83.3% #263748	RGB 38 55 72	#263748
100.0%	100.0% #1E2D3B	RGB 30 45 59	#1E2D3B

#536B8C #4A607E #415671 #384C63 #2F4156 #263748 #1E2D3B

#536B8C - #1E2D3B

HSV Blend

#536B8C - #1E2D3B | 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 #536B8C as 0% and #1E2D3B as 100%.

0.0%	0.0% #536B8C	RGB 83 107 140	#536B8C
16.7%	16.7% #49607E	RGB 73 96 126	#49607E
33.3%	33.3% #3F5671	RGB 63 86 113	#3F5671
50.0%	50.0% #364B63	RGB 54 75 99	#364B63
66.7%	66.7% #2E4156	RGB 46 65 86	#2E4156
83.3%	83.3% #253748	RGB 37 55 72	#253748
100.0%	100.0% #1E2D3B	RGB 30 45 59	#1E2D3B

#536B8C #49607E #3F5671 #364B63 #2E4156 #253748 #1E2D3B

#536B8C - #364B63 - #1E2D3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #536B8C 0%, #364B63 50%, #1E2D3B 100%);
    background: -webkit-linear-gradient(top, #536B8C 0%, #364B63 50%, #1E2D3B 100%);
    background: linear-gradient(to bottom, #536B8C 0%, #364B63 50%, #1E2D3B 100%);
}
</style>