#73B0DA - #20323E | 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 #73B0DA to #20323E

#73B0DA #20323E

Calculate the color between two colors, #73B0DA and #20323E. 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)

#73B0DA - #20323E | 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 #73B0DA as 0% and #20323E as 100%.

0.0%	0.0% #73B0DA	RGB 115 176 218	#73B0DA
16.7%	16.7% #659BC0	RGB 101 155 192	#659BC0
33.3%	33.3% #5786A6	RGB 87 134 166	#5786A6
50.0%	50.0% #49718C	RGB 73 113 140	#49718C
66.7%	66.7% #3B5C72	RGB 59 92 114	#3B5C72
83.3%	83.3% #2D4758	RGB 45 71 88	#2D4758
100.0%	100.0% #20323E	RGB 32 50 62	#20323E

#73B0DA #659BC0 #5786A6 #49718C #3B5C72 #2D4758 #20323E

#73B0DA - #20323E

HSV Blend

#73B0DA - #20323E | 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 #73B0DA as 0% and #20323E as 100%.

0.0%	0.0% #73B0DA	RGB 115 176 218	#73B0DA
16.7%	16.7% #649AC0	RGB 100 154 192	#649AC0
33.3%	33.3% #5685A6	RGB 86 133 166	#5685A6
50.0%	50.0% #49708C	RGB 73 112 140	#49708C
66.7%	66.7% #3B5B72	RGB 59 91 114	#3B5B72
83.3%	83.3% #2D4658	RGB 45 70 88	#2D4658
100.0%	100.0% #20323E	RGB 32 50 62	#20323E

#73B0DA #649AC0 #5685A6 #49708C #3B5B72 #2D4658 #20323E

#73B0DA - #49708C - #20323E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #73B0DA 0%, #49708C 50%, #20323E 100%);
    background: -webkit-linear-gradient(top, #73B0DA 0%, #49708C 50%, #20323E 100%);
    background: linear-gradient(to bottom, #73B0DA 0%, #49708C 50%, #20323E 100%);
}
</style>