#5E76BA - #1E3167 | 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 #5E76BA to #1E3167

#5E76BA #1E3167

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

#5E76BA - #1E3167 | 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 #5E76BA as 0% and #1E3167 as 100%.

0.0%	0.0% #5E76BA	RGB 94 118 186	#5E76BA
16.7%	16.7% #536AAC	RGB 83 106 172	#536AAC
33.3%	33.3% #485F9E	RGB 72 95 158	#485F9E
50.0%	50.0% #3E5390	RGB 62 83 144	#3E5390
66.7%	66.7% #334882	RGB 51 72 130	#334882
83.3%	83.3% #283C74	RGB 40 60 116	#283C74
100.0%	100.0% #1E3167	RGB 30 49 103	#1E3167

#5E76BA #536AAC #485F9E #3E5390 #334882 #283C74 #1E3167

#5E76BA - #1E3167

HSV Blend

#5E76BA - #1E3167 | 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 #5E76BA as 0% and #1E3167 as 100%.

0.0%	0.0% #5E76BA	RGB 94 118 186	#5E76BA
16.7%	16.7% #5068AC	RGB 80 104 172	#5068AC
33.3%	33.3% #445C9E	RGB 68 92 158	#445C9E
50.0%	50.0% #395090	RGB 57 80 144	#395090
66.7%	66.7% #2F4582	RGB 47 69 130	#2F4582
83.3%	83.3% #263A74	RGB 38 58 116	#263A74
100.0%	100.0% #1E3167	RGB 30 49 103	#1E3167

#5E76BA #5068AC #445C9E #395090 #2F4582 #263A74 #1E3167

#5E76BA - #395090 - #1E3167

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E76BA 0%, #395090 50%, #1E3167 100%);
    background: -webkit-linear-gradient(top, #5E76BA 0%, #395090 50%, #1E3167 100%);
    background: linear-gradient(to bottom, #5E76BA 0%, #395090 50%, #1E3167 100%);
}
</style>