#5E72BA - #1D2E66 | 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 #5E72BA to #1D2E66

#5E72BA #1D2E66

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

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

0.0%	0.0% #5E72BA	RGB 94 114 186	#5E72BA
16.7%	16.7% #5366AC	RGB 83 102 172	#5366AC
33.3%	33.3% #485B9E	RGB 72 91 158	#485B9E
50.0%	50.0% #3D5090	RGB 61 80 144	#3D5090
66.7%	66.7% #324482	RGB 50 68 130	#324482
83.3%	83.3% #273974	RGB 39 57 116	#273974
100.0%	100.0% #1D2E66	RGB 29 46 102	#1D2E66

#5E72BA #5366AC #485B9E #3D5090 #324482 #273974 #1D2E66

#5E72BA - #1D2E66

HSV Blend

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

0.0%	0.0% #5E72BA	RGB 94 114 186	#5E72BA
16.7%	16.7% #5064AC	RGB 80 100 172	#5064AC
33.3%	33.3% #44589E	RGB 68 88 158	#44589E
50.0%	50.0% #384C90	RGB 56 76 144	#384C90
66.7%	66.7% #2E4182	RGB 46 65 130	#2E4182
83.3%	83.3% #253774	RGB 37 55 116	#253774
100.0%	100.0% #1D2E66	RGB 29 46 102	#1D2E66

#5E72BA #5064AC #44589E #384C90 #2E4182 #253774 #1D2E66

#5E72BA - #384C90 - #1D2E66

CSS codes

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

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