#5477CD - #1A2F7B | 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 #5477CD to #1A2F7B

#5477CD #1A2F7B

Calculate the color between two colors, #5477CD and #1A2F7B. 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)

#5477CD - #1A2F7B | 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 #5477CD as 0% and #1A2F7B as 100%.

0.0%	0.0% #5477CD	RGB 84 119 205	#5477CD
16.7%	16.7% #4A6BBF	RGB 74 107 191	#4A6BBF
33.3%	33.3% #405FB1	RGB 64 95 177	#405FB1
50.0%	50.0% #3753A4	RGB 55 83 164	#3753A4
66.7%	66.7% #2D4796	RGB 45 71 150	#2D4796
83.3%	83.3% #233B88	RGB 35 59 136	#233B88
100.0%	100.0% #1A2F7B	RGB 26 47 123	#1A2F7B

#5477CD #4A6BBF #405FB1 #3753A4 #2D4796 #233B88 #1A2F7B

#5477CD - #1A2F7B

HSV Blend

#5477CD - #1A2F7B | 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 #5477CD as 0% and #1A2F7B as 100%.

0.0%	0.0% #5476CD	RGB 84 118 205	#5476CD
16.7%	16.7% #4869BF	RGB 72 105 191	#4869BF
33.3%	33.3% #3D5BB1	RGB 61 91 177	#3D5BB1
50.0%	50.0% #324FA4	RGB 50 79 164	#324FA4
66.7%	66.7% #294396	RGB 41 67 150	#294396
83.3%	83.3% #213988	RGB 33 57 136	#213988
100.0%	100.0% #1A2F7B	RGB 26 47 123	#1A2F7B

#5476CD #4869BF #3D5BB1 #324FA4 #294396 #213988 #1A2F7B

#5477CD - #324FA4 - #1A2F7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5476CD 0%, #324FA4 50%, #1A2F7B 100%);
    background: -webkit-linear-gradient(top, #5476CD 0%, #324FA4 50%, #1A2F7B 100%);
    background: linear-gradient(to bottom, #5476CD 0%, #324FA4 50%, #1A2F7B 100%);
}
</style>