#566B8C - #1F2D3B | 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 #566B8C to #1F2D3B

#566B8C #1F2D3B

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

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

0.0%	0.0% #566B8C	RGB 86 107 140	#566B8C
16.7%	16.7% #4C607E	RGB 76 96 126	#4C607E
33.3%	33.3% #435671	RGB 67 86 113	#435671
50.0%	50.0% #3A4C63	RGB 58 76 99	#3A4C63
66.7%	66.7% #314156	RGB 49 65 86	#314156
83.3%	83.3% #283748	RGB 40 55 72	#283748
100.0%	100.0% #1F2D3B	RGB 31 45 59	#1F2D3B

#566B8C #4C607E #435671 #3A4C63 #314156 #283748 #1F2D3B

#566B8C - #1F2D3B

HSV Blend

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

0.0%	0.0% #566B8C	RGB 86 107 140	#566B8C
16.7%	16.7% #4B607E	RGB 75 96 126	#4B607E
33.3%	33.3% #425671	RGB 66 86 113	#425671
50.0%	50.0% #384B63	RGB 56 75 99	#384B63
66.7%	66.7% #2F4156	RGB 47 65 86	#2F4156
83.3%	83.3% #273748	RGB 39 55 72	#273748
100.0%	100.0% #1F2D3B	RGB 31 45 59	#1F2D3B

#566B8C #4B607E #425671 #384B63 #2F4156 #273748 #1F2D3B

#566B8C - #384B63 - #1F2D3B

CSS codes

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

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