#5E7BA5 - #223654 | 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 #5E7BA5 to #223654

#5E7BA5 #223654

Calculate the color between two colors, #5E7BA5 and #223654. 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)

#5E7BA5 - #223654 | 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 #5E7BA5 as 0% and #223654 as 100%.

0.0%	0.0% #5E7BA5	RGB 94 123 165	#5E7BA5
16.7%	16.7% #546F97	RGB 84 111 151	#546F97
33.3%	33.3% #4A648A	RGB 74 100 138	#4A648A
50.0%	50.0% #40587C	RGB 64 88 124	#40587C
66.7%	66.7% #364D6F	RGB 54 77 111	#364D6F
83.3%	83.3% #2C4161	RGB 44 65 97	#2C4161
100.0%	100.0% #223654	RGB 34 54 84	#223654

#5E7BA5 #546F97 #4A648A #40587C #364D6F #2C4161 #223654

#5E7BA5 - #223654

HSV Blend

#5E7BA5 - #223654 | 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 #5E7BA5 as 0% and #223654 as 100%.

0.0%	0.0% #5E7AA5	RGB 94 122 165	#5E7AA5
16.7%	16.7% #526E97	RGB 82 110 151	#526E97
33.3%	33.3% #47628A	RGB 71 98 138	#47628A
50.0%	50.0% #3C567C	RGB 60 86 124	#3C567C
66.7%	66.7% #334B6F	RGB 51 75 111	#334B6F
83.3%	83.3% #2A4061	RGB 42 64 97	#2A4061
100.0%	100.0% #223654	RGB 34 54 84	#223654

#5E7AA5 #526E97 #47628A #3C567C #334B6F #2A4061 #223654

#5E7BA5 - #3C567C - #223654

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7AA5 0%, #3C567C 50%, #223654 100%);
    background: -webkit-linear-gradient(top, #5E7AA5 0%, #3C567C 50%, #223654 100%);
    background: linear-gradient(to bottom, #5E7AA5 0%, #3C567C 50%, #223654 100%);
}
</style>