#5E85C3 - #203B74 | 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 #5E85C3 to #203B74

#5E85C3 #203B74

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

#5E85C3 - #203B74 | 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 #5E85C3 as 0% and #203B74 as 100%.

0.0%	0.0% #5E85C3	RGB 94 133 195	#5E85C3
16.7%	16.7% #5378B5	RGB 83 120 181	#5378B5
33.3%	33.3% #496CA8	RGB 73 108 168	#496CA8
50.0%	50.0% #3F609B	RGB 63 96 155	#3F609B
66.7%	66.7% #34538E	RGB 52 83 142	#34538E
83.3%	83.3% #2A4781	RGB 42 71 129	#2A4781
100.0%	100.0% #203B74	RGB 32 59 116	#203B74

#5E85C3 #5378B5 #496CA8 #3F609B #34538E #2A4781 #203B74

#5E85C3 - #203B74

HSV Blend

#5E85C3 - #203B74 | 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 #5E85C3 as 0% and #203B74 as 100%.

0.0%	0.0% #5E85C3	RGB 94 133 195	#5E85C3
16.7%	16.7% #5177B5	RGB 81 119 181	#5177B5
33.3%	33.3% #4569A8	RGB 69 105 168	#4569A8
50.0%	50.0% #3A5D9B	RGB 58 93 155	#3A5D9B
66.7%	66.7% #31518E	RGB 49 81 142	#31518E
83.3%	83.3% #284581	RGB 40 69 129	#284581
100.0%	100.0% #203B74	RGB 32 59 116	#203B74

#5E85C3 #5177B5 #4569A8 #3A5D9B #31518E #284581 #203B74

#5E85C3 - #3A5D9B - #203B74

CSS codes

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

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