#5E84BD - #203B6E | 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 #5E84BD to #203B6E

#5E84BD #203B6E

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

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

0.0%	0.0% #5E84BD	RGB 94 132 189	#5E84BD
16.7%	16.7% #5377AF	RGB 83 119 175	#5377AF
33.3%	33.3% #496BA2	RGB 73 107 162	#496BA2
50.0%	50.0% #3F5F95	RGB 63 95 149	#3F5F95
66.7%	66.7% #345388	RGB 52 83 136	#345388
83.3%	83.3% #2A477B	RGB 42 71 123	#2A477B
100.0%	100.0% #203B6E	RGB 32 59 110	#203B6E

#5E84BD #5377AF #496BA2 #3F5F95 #345388 #2A477B #203B6E

#5E84BD - #203B6E

HSV Blend

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

0.0%	0.0% #5E84BD	RGB 94 132 189	#5E84BD
16.7%	16.7% #5176AF	RGB 81 118 175	#5176AF
33.3%	33.3% #4569A2	RGB 69 105 162	#4569A2
50.0%	50.0% #3A5C95	RGB 58 92 149	#3A5C95
66.7%	66.7% #315088	RGB 49 80 136	#315088
83.3%	83.3% #28457B	RGB 40 69 123	#28457B
100.0%	100.0% #203B6E	RGB 32 59 110	#203B6E

#5E84BD #5176AF #4569A2 #3A5C95 #315088 #28457B #203B6E

#5E84BD - #3A5C95 - #203B6E

CSS codes

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

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