#5E7EB9 - #203768 | 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 #5E7EB9 to #203768

#5E7EB9 #203768

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

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

0.0%	0.0% #5E7EB9	RGB 94 126 185	#5E7EB9
16.7%	16.7% #5372AB	RGB 83 114 171	#5372AB
33.3%	33.3% #49669E	RGB 73 102 158	#49669E
50.0%	50.0% #3F5A90	RGB 63 90 144	#3F5A90
66.7%	66.7% #344E83	RGB 52 78 131	#344E83
83.3%	83.3% #2A4275	RGB 42 66 117	#2A4275
100.0%	100.0% #203768	RGB 32 55 104	#203768

#5E7EB9 #5372AB #49669E #3F5A90 #344E83 #2A4275 #203768

#5E7EB9 - #203768

HSV Blend

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

0.0%	0.0% #5E7EB9	RGB 94 126 185	#5E7EB9
16.7%	16.7% #5170AB	RGB 81 112 171	#5170AB
33.3%	33.3% #45639E	RGB 69 99 158	#45639E
50.0%	50.0% #3A5790	RGB 58 87 144	#3A5790
66.7%	66.7% #314C83	RGB 49 76 131	#314C83
83.3%	83.3% #284175	RGB 40 65 117	#284175
100.0%	100.0% #203768	RGB 32 55 104	#203768

#5E7EB9 #5170AB #45639E #3A5790 #314C83 #284175 #203768

#5E7EB9 - #3A5790 - #203768

CSS codes

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

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