#5E78A8 - #213456 | 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 #5E78A8 to #213456

#5E78A8 #213456

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

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

0.0%	0.0% #5E78A8	RGB 94 120 168	#5E78A8
16.7%	16.7% #536C9A	RGB 83 108 154	#536C9A
33.3%	33.3% #49618C	RGB 73 97 140	#49618C
50.0%	50.0% #3F567F	RGB 63 86 127	#3F567F
66.7%	66.7% #354A71	RGB 53 74 113	#354A71
83.3%	83.3% #2B3F63	RGB 43 63 99	#2B3F63
100.0%	100.0% #213456	RGB 33 52 86	#213456

#5E78A8 #536C9A #49618C #3F567F #354A71 #2B3F63 #213456

#5E78A8 - #213456

HSV Blend

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

0.0%	0.0% #5E78A8	RGB 94 120 168	#5E78A8
16.7%	16.7% #516B9A	RGB 81 107 154	#516B9A
33.3%	33.3% #465F8C	RGB 70 95 140	#465F8C
50.0%	50.0% #3B537F	RGB 59 83 127	#3B537F
66.7%	66.7% #324871	RGB 50 72 113	#324871
83.3%	83.3% #293E63	RGB 41 62 99	#293E63
100.0%	100.0% #213456	RGB 33 52 86	#213456

#5E78A8 #516B9A #465F8C #3B537F #324871 #293E63 #213456

#5E78A8 - #3B537F - #213456

CSS codes

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

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