#5E85BE - #203B6F | 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 #5E85BE to #203B6F

#5E85BE #203B6F

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

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

0.0%	0.0% #5E85BE	RGB 94 133 190	#5E85BE
16.7%	16.7% #5378B0	RGB 83 120 176	#5378B0
33.3%	33.3% #496CA3	RGB 73 108 163	#496CA3
50.0%	50.0% #3F6096	RGB 63 96 150	#3F6096
66.7%	66.7% #345389	RGB 52 83 137	#345389
83.3%	83.3% #2A477C	RGB 42 71 124	#2A477C
100.0%	100.0% #203B6F	RGB 32 59 111	#203B6F

#5E85BE #5378B0 #496CA3 #3F6096 #345389 #2A477C #203B6F

#5E85BE - #203B6F

HSV Blend

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

0.0%	0.0% #5E85BE	RGB 94 133 190	#5E85BE
16.7%	16.7% #5177B0	RGB 81 119 176	#5177B0
33.3%	33.3% #4569A3	RGB 69 105 163	#4569A3
50.0%	50.0% #3A5D96	RGB 58 93 150	#3A5D96
66.7%	66.7% #315189	RGB 49 81 137	#315189
83.3%	83.3% #28457C	RGB 40 69 124	#28457C
100.0%	100.0% #203B6F	RGB 32 59 111	#203B6F

#5E85BE #5177B0 #4569A3 #3A5D96 #315189 #28457C #203B6F

#5E85BE - #3A5D96 - #203B6F

CSS codes

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

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