#56586C - #190D5E | 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 #56586C to #190D5E

#56586C #190D5E

Calculate the color between two colors, #56586C and #190D5E. 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)

#56586C - #190D5E | 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 #56586C as 0% and #190D5E as 100%.

0.0%	0.0% #56586C	RGB 86 88 108	#56586C
16.7%	16.7% #4B4B69	RGB 75 75 105	#4B4B69
33.3%	33.3% #413F67	RGB 65 63 103	#413F67
50.0%	50.0% #373265	RGB 55 50 101	#373265
66.7%	66.7% #2D2662	RGB 45 38 98	#2D2662
83.3%	83.3% #231960	RGB 35 25 96	#231960
100.0%	100.0% #190D5E	RGB 25 13 94	#190D5E

#56586C #4B4B69 #413F67 #373265 #2D2662 #231960 #190D5E

#56586C - #190D5E

HSV Blend

#56586C - #190D5E | 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 #56586C as 0% and #190D5E as 100%.

0.0%	0.0% #56576C	RGB 86 87 108	#56576C
16.7%	16.7% #484A69	RGB 72 74 105	#484A69
33.3%	33.3% #3B3C67	RGB 59 60 103	#3B3C67
50.0%	50.0% #302F65	RGB 48 47 101	#302F65
66.7%	66.7% #272362	RGB 39 35 98	#272362
83.3%	83.3% #1F1760	RGB 31 23 96	#1F1760
100.0%	100.0% #190D5E	RGB 25 13 94	#190D5E

#56576C #484A69 #3B3C67 #302F65 #272362 #1F1760 #190D5E

#56586C - #302F65 - #190D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #56576C 0%, #302F65 50%, #190D5E 100%);
    background: -webkit-linear-gradient(top, #56576C 0%, #302F65 50%, #190D5E 100%);
    background: linear-gradient(to bottom, #56576C 0%, #302F65 50%, #190D5E 100%);
}
</style>