#566C92 - #1E2D40 | 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 #566C92 to #1E2D40

#566C92 #1E2D40

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

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

0.0%	0.0% #566C92	RGB 86 108 146	#566C92
16.7%	16.7% #4C6184	RGB 76 97 132	#4C6184
33.3%	33.3% #435776	RGB 67 87 118	#435776
50.0%	50.0% #3A4C69	RGB 58 76 105	#3A4C69
66.7%	66.7% #30425B	RGB 48 66 91	#30425B
83.3%	83.3% #27374D	RGB 39 55 77	#27374D
100.0%	100.0% #1E2D40	RGB 30 45 64	#1E2D40

#566C92 #4C6184 #435776 #3A4C69 #30425B #27374D #1E2D40

#566C92 - #1E2D40

HSV Blend

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

0.0%	0.0% #566C92	RGB 86 108 146	#566C92
16.7%	16.7% #4B6084	RGB 75 96 132	#4B6084
33.3%	33.3% #415676	RGB 65 86 118	#415676
50.0%	50.0% #374B69	RGB 55 75 105	#374B69
66.7%	66.7% #2E415B	RGB 46 65 91	#2E415B
83.3%	83.3% #25364D	RGB 37 54 77	#25364D
100.0%	100.0% #1E2D40	RGB 30 45 64	#1E2D40

#566C92 #4B6084 #415676 #374B69 #2E415B #25364D #1E2D40

#566C92 - #374B69 - #1E2D40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #566C92 0%, #374B69 50%, #1E2D40 100%);
    background: -webkit-linear-gradient(top, #566C92 0%, #374B69 50%, #1E2D40 100%);
    background: linear-gradient(to bottom, #566C92 0%, #374B69 50%, #1E2D40 100%);
}
</style>