#5E7895 - #79DCFF | 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 #5E7895 to #79DCFF

#5E7895 #79DCFF

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

#5E7895 - #79DCFF | 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 #5E7895 as 0% and #79DCFF as 100%.

0.0%	0.0% #5E7895	RGB 94 120 149	#5E7895
16.7%	16.7% #6288A6	RGB 98 136 166	#6288A6
33.3%	33.3% #6799B8	RGB 103 153 184	#6799B8
50.0%	50.0% #6BAACA	RGB 107 170 202	#6BAACA
66.7%	66.7% #70BADB	RGB 112 186 219	#70BADB
83.3%	83.3% #74CBED	RGB 116 203 237	#74CBED
100.0%	100.0% #79DCFF	RGB 121 220 255	#79DCFF

#5E7895 #6288A6 #6799B8 #6BAACA #70BADB #74CBED #79DCFF

#5E7895 - #79DCFF

HSV Blend

#5E7895 - #79DCFF | 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 #5E7895 as 0% and #79DCFF as 100%.

0.0%	0.0% #5E7895	RGB 94 120 149	#5E7895
16.7%	16.7% #6486A6	RGB 100 134 166	#6486A6
33.3%	33.3% #6A96B8	RGB 106 150 184	#6A96B8
50.0%	50.0% #6FA6CA	RGB 111 166 202	#6FA6CA
66.7%	66.7% #73B7DB	RGB 115 183 219	#73B7DB
83.3%	83.3% #76C9ED	RGB 118 201 237	#76C9ED
100.0%	100.0% #79DCFF	RGB 121 220 255	#79DCFF

#5E7895 #6486A6 #6A96B8 #6FA6CA #73B7DB #76C9ED #79DCFF

#5E7895 - #6FA6CA - #79DCFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7895 0%, #6FA6CA 50%, #79DCFF 100%);
    background: -webkit-linear-gradient(top, #5E7895 0%, #6FA6CA 50%, #79DCFF 100%);
    background: linear-gradient(to bottom, #5E7895 0%, #6FA6CA 50%, #79DCFF 100%);
}
</style>