#5E747A - #7FD8ED | 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 #5E747A to #7FD8ED

#5E747A #7FD8ED

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

#5E747A - #7FD8ED | 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 #5E747A as 0% and #7FD8ED as 100%.

0.0%	0.0% #5E747A	RGB 94 116 122	#5E747A
16.7%	16.7% #63848D	RGB 99 132 141	#63848D
33.3%	33.3% #6995A0	RGB 105 149 160	#6995A0
50.0%	50.0% #6EA6B3	RGB 110 166 179	#6EA6B3
66.7%	66.7% #74B6C6	RGB 116 182 198	#74B6C6
83.3%	83.3% #79C7D9	RGB 121 199 217	#79C7D9
100.0%	100.0% #7FD8ED	RGB 127 216 237	#7FD8ED

#5E747A #63848D #6995A0 #6EA6B3 #74B6C6 #79C7D9 #7FD8ED

#5E747A - #7FD8ED

HSV Blend

#5E747A - #7FD8ED | 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 #5E747A as 0% and #7FD8ED as 100%.

0.0%	0.0% #5E747A	RGB 94 116 122	#5E747A
16.7%	16.7% #67858D	RGB 103 133 141	#67858D
33.3%	33.3% #6E96A0	RGB 110 150 160	#6E96A0
50.0%	50.0% #75A6B3	RGB 117 166 179	#75A6B3
66.7%	66.7% #79B7C6	RGB 121 183 198	#79B7C6
83.3%	83.3% #7DC7D9	RGB 125 199 217	#7DC7D9
100.0%	100.0% #7FD8ED	RGB 127 216 237	#7FD8ED

#5E747A #67858D #6E96A0 #75A6B3 #79B7C6 #7DC7D9 #7FD8ED

#5E747A - #75A6B3 - #7FD8ED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E747A 0%, #75A6B3 50%, #7FD8ED 100%);
    background: -webkit-linear-gradient(top, #5E747A 0%, #75A6B3 50%, #7FD8ED 100%);
    background: linear-gradient(to bottom, #5E747A 0%, #75A6B3 50%, #7FD8ED 100%);
}
</style>